BlocksWaitlistSupabase Waitlist

Supabase Waitlist

ProSupabase

About this block

Waitlist 02 is a Supabase-connected waitlist section that stores email submissions directly to your database with duplicate prevention and real-time feedback. Built with a Next.js Server Action and the Supabase server client, it validates the email, inserts it into a waitlist table, and returns a success or error state to the form — all without a page reload. It installs with a single npx shadcn command and requires only your Supabase project credentials.

When to use it

  • Pre-launch pages where you need persistent email storage without a third-party email marketing tool
  • Projects where Supabase is already the backend and adding a waitlist table is a natural fit
  • Products that want to query waitlist data directly from their database without an external service
  • Teams that need a waitlist with deduplication logic out of the box rather than handling it manually

Notes

Run the included SQL migration to create the waitlist table before deploying. The Server Action handles duplicate email detection and returns a specific error message when the email is already registered.

Frequently asked questions

Does this store emails automatically?
Yes, unlike Waitlist 01 it inserts submissions directly into a Supabase table via a Server Action, with duplicate-email detection built in.
Do I need to set up a database table first?
Yes, run the included SQL migration to create the waitlist table before deploying.
What happens if someone submits an email twice?
The Server Action detects the duplicate and returns a specific error message instead of inserting a second row.
Shadcn/ui components
buttoninputsonner
Connected to
Supabase