Supabase and NextJS 14: Auth and Server Actions

Supabase is an awesome, open-source alternative to Firebase. Using it you can handle databases, auth and storage as well. Lets look at how we can do this on the Server Side, using NextJS, Email Login, oAuth Login (Github, Google etc). After, we will look at some of the React 19 / NextJS Features to handle forms, useFormStatus and useOptimistic to make out site a great user experience. Starter Code: https://jollycod.ing/supatodo-repo Supabase NextJS Setup: https://supabase.com/docs/guides/auth/server-side/nextjs Supabase oAuth Setup: https://supabase.com/docs/guides/auth/server-side/oauth-with-pkce-flow-for-ssr ------------------------------------------------------------------- 🐦 Twitter (X): https://jollycod.ing/x 🤓 Personal Site: https://jollycod.ing/me 💻 GitHub: https://jollycod.ing/git JollyUI: https://jollycod.ing/ui Where I Work: https://jollycod.ing/work Chapters: 00:00:00 Intro 00:01:07 Supabase Dashboard 00:08:29 Supabase Setup (Step 1) 00:12:55 Email Login/Signup (Step 2) 00:28:38 Add OAuth Providers (Step 3) 00:42:29 Create and Read (Step 4) 00:52:23 Update and Delete (Step 5) 00:59:52 useFormStatus (Step 6) 01:02:52 useOptimistic (Step 7) 01:16:49 Checkbox form action (Step 8) 01:18:47 Outro