Next.js Database & User Authentication Quickstart
🚀 UPDATED VERSION: • Cookie-based Auth and the Next.js App... 🚀
Next.js provides many different ways of interacting with your data. You can pre-render pages at build time (SSG), server-side rendering at request time (SSR), API routes, and middleware edge-functions.
Supabase works across the stack, offering the easiest way to authenticate your users and securely store and retrieve their data in any of these environments.
Quickstart docs: https://supabase.com/docs/guides/gett...
🎙️ Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x)
Table of Contents
00:00 Next.js & Supabase Intro
00:53 User management application overview
01:26 Project set up
01:56 Explanation of the SQL schema
05:40 Create a new Next.js application
06:51 Set up .env variables
09:26 Set up a Login component with Auth UI and Auth Helpers
15:38 Creating the Account Page
20:18 Uploading files with Supabase Storage
24:30 Next steps: client-side caching; server-side rendering; Next.js middleware; customize Auth UI
