Build and Deploy Full Stack RSVP App - Next.js 15, Supabase and Resend

Build and Deploy Full Stack RSVP App - Next.js 15, Supabase and Resend

5.794 Lượt nghe
Build and Deploy Full Stack RSVP App - Next.js 15, Supabase and Resend
In this tutorial, we'll build an RSVP (Invitation) app using the latest Next 15 with React 19. We will use server actions to connect and talk with the SQL database in Supabase where all the RSVPs will be stored. After form submission, we'll use Resend to send email notifications. Besides this, we'll create an Admin panel page where all RSVPs will be available to authenticated admin. 👨🏻‍💻 Github Repository: https://github.com/stefandjikic/rsvp-next-template 🔗 Resources Mentioned: - https://youtu.be/yAqgjSZ0PqY - https://ui.shadcn.com/docs/installation/next - https://developers.google.com/maps/documentation/urls/get-started#forming-the-url - https://supabase.com/docs/guides/auth/server-side/nextjs 🎥 More Project Based Videos: - https://youtu.be/yAqgjSZ0PqY - https://youtu.be/eh8mpiN-7bA - https://youtu.be/pfTcs3rEePU 🕐 TIMESTAMPS: 0:00 - Intro and Demo 2:45 - Create Next App 4:15 - Add Shadcn UI 8:00 - Coding the app (UI) 32:05 - Supabase: Create DB 36:56 - Supabase: Install & Connect with Next App 39:25 - Coding the app (Submit RSVPs) 52:22 - Supabase: Row Level Security Policies 56:43 - Coding the app (Get RSVPs) 1:10:36 - Auth and Owner Access 1:29:10 - Middleware 1:34:22 - Signout 1:37:10 - Resend 1:47:25 - Supabase: Unique Email Fix 1:50:00 - Deploy and Outro 🔔 Subscribe for more free tutorials and programming videos www.youtube.com/@codewalkempire?sub_confirmation=1 @Supabase @next @VercelHQ