Full Stack RSVP App | Next.js 15, Supabase and Resend

Technologies used

• Next.js
• Supabase
• Resend
• Shadcn

Getting started

First, add your ENV's to .env.local file:

NEXT_PUBLIC_SUPABASE_URL=your-project-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key/api-key
RESEND_API_KEY=your-resend-api-key
EMAIL_TO=email where you'll receive notifications. It needs to be the email you used to create the API key in Resend.

Then, install the dependencies:

npm install

Run the development server:

npm run dev

Supabase

Add User

• Go to your Supabase account
• Authentication
• Add user and create your admin user

Create rsvps Table

Set Email to be unique field

Add Row Level Security Policies

Allow anonymous inserts

Owner access

Open http://localhost:3000 with your browser to see the result.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.