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