Truely Delightful UX for Authentication with Next.js, v0 and Supabase
Reducing the friction between your users and the security requirements of your application - such as authentication - can hugely improve your users' experience! In this video, Jon Meyers demonstrates how simple it is to implement the "Last Used" authentication method, visually indicating which strategy the user used to create an account.
🕸️ Mentioned in this video:
▶︎ Setting up Server-Side Auth for Next.js: https://supabase.com/docs/guides/auth...
▶︎ Original tweet: https://x.com/dannypostmaa/status/181...
▶︎ v0 retweet: https://x.com/rauchg/status/181654640...
▶︎ GitHub repo: https://github.com/dijonmusters/last-...
00:00 Last Used Authentication Method
00:30 Using v0 to generate UI
01:50 Creating a Next.js project using Supabase template
02:57 Adding "Last Used" label to authentication form
05:17 Storing the last used authentication method in a cookie
07:40 How to get started quickly with Next.js and Supabase
💻 Videos to watch next:
▶ FASTEST way to get started with Next.js and Supabase in 2024: • FASTEST way to get started with Next....
▶ 10 new things you need to try: • 10 new things you need to try
▶ The Right Way to do Auth with the Next.js App Router: • The Right Way to do Auth with the Nex...
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://discord.supabase.com/
🐦 Twitter: / supabase
▶ Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools
