Marketing sitesPrompt

Waitlist page

By Battle-tested

Stack: React + Tailwind + Supabase + Resend.

Medium45 min

What you'll build

Stack: React + Tailwind + Supabase + Resend

The prompt

Stack: React + Tailwind + Supabase + Resend.
Build: a single-page waitlist with email capture, a referral mechanic, and a position-in-line counter.
Must have: email + unique referral code per signup, position computed from `created_at`, confirmation email, "skip the line" by referring N people, basic anti-bot (honeypot + rate limit).
Don't: show absolute signup counts to the public if they're embarrassing, expose the email list via an unprotected endpoint, or count fake signups toward referrals.
First screen: hero with one headline, one input, one button — and the position counter after submit.

How to use this

1
Copy the prompt
Tap the Copy button on the prompt above. That's all of it.
2
Paste it into Lovable
Open lovable.dev, start a new project, paste the prompt, hit send.
3
Open the preview
Wait about a minute for the first build, then look at the preview on the right.
4
Change one tiny thing
Ask Lovable to swap a color or a word. Watch it update live. That's the magic.