Auth & backend so simple even this CSS dev gets it

Kevin Powell β€’ October 9, 2025
Video Thumbnail

About

No channel description available.

Video Description

βœ… Check out Supabase: https://supabase.plug.dev/7f3I6Y2 βœ… This project is live now (with some extra features!): https://theme-with-surfaces.netlify.app/ The modal/dialog video I mentioned: https://youtu.be/TAB_v6yBXIE βœ‰ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter πŸ’¬ Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK ⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co πŸŽ“ Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/) πŸš€ Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/ --- Help support my channel πŸ‘¨β€πŸŽ“ Get a course: https://www.kevinpowell.co/courses πŸ‘• Buy a shirt: https://cottonbureau.com/people/kevin-powell πŸ’– Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join --- πŸ§‘β€πŸ’» My editor: VS Code - https://code.visualstudio.com/ 🌈 My theme: One Dark Pro Var Night πŸ”€ My font: Cascadia Code ⌚ Timestamps 00:00 - Introduction 02:00 - Creating the supabase project 05:00 - Getting your project url + api key 07:50 - Installing supabase in the project 09:00 - Initiliazing supabase 10:50 - Setting up auth with magic links 32:00 - Detecting when a user is logged in our out 43:42 - Creating a table 52:33 - Setting up RLS 54:10 - Allow logged in users to create themes 1:06:10 - Get themes from supabase 1:09:53 - Prevent duplicate themes from being created 1:15:10 - User facing error messages --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel: Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!