Skip to content

Use case — web app

Build a waitlist landing page that collects real sign-ups

Before you build the product, you need proof people want it — and a list of who to tell when it is ready. A waitlist page does both: a clear headline, a form, a thank-you with a place in line, and a list you own. Vibely builds it from a description and saves every sign-up to a Postgres database on Supabase, so the list is yours from the first email address, not locked inside a form tool.

  • Sign-ups saved to your own Supabase database
  • Referral links and positions in line
  • Deploys to a live URL — nothing for your team to install
  • React and TypeScript you own, synced to GitHub on Pro and Business
  • Change the copy, design or form fields by asking
  • Free plan, no credit card, unlimited projects

Start with this prompt

Paste it in and edit the details to match your own. Being specific about the screens and the data is what separates a working app from a mockup.

Build a waitlist landing page for a meal planning app called Prepd.

Screens: a landing page with a headline, a short paragraph on the problem, three benefits with icons, and an email sign-up form; a thank-you screen that shows the person their position in line and a personal referral link; and a password-protected admin page listing sign-ups with a CSV export.

Data: sign-ups in Supabase with email, position, referral code and referred-by. Each successful referral moves the referrer up three places.

Make it clean and modern, with a warm colour palette.

What to build next

  • Add a short survey after sign-up asking what they would use it for.
  • Show a live count of people on the waitlist.
  • Turn the page into the first version of the product when you are ready.

Web app

What the build actually consists of

This is for founders and makers validating an idea or warming up a launch. If you only need a single form with no logic, a form tool is fine; the case here is a page that looks like your product, with referrals and an export, that can grow into the product itself.

01

A page that explains the idea

A headline, a few lines on the problem, three benefits, and an email form above the fold. You describe the product; the agent writes and designs the page around it.

02

Sign-ups you own

Every sign-up saved to Postgres on Supabase, with a position in line and a personal referral link that moves people up when friends join.

03

Live in one build

Deployed to a URL straight away, with an admin page to view and export the list as CSV. Add a custom domain on Pro and Business.

What you get

  • A landing page with your headline, benefits and form
  • A thank-you screen with a position in line
  • Personal referral links that move people up the list
  • An admin page with a CSV export
  • A live URL from the first build

Describe it. Watch it build.

Paste the prompt above and react to something running instead of writing a spec. The free plan needs no card, and the code is yours from the first build.

Start building

FAQ

Questions, answered.

Where do the email addresses go?+

Into a table in your own Supabase Postgres database. You can see them in the admin page, export them as CSV, or query them directly.

Can it send a confirmation email?+

Not as a built-in connector. Sending email is an API call to a provider you choose, which the agent can add in your own code when you describe it.

Is it free?+

You can build and publish it on the free plan, with no credit card. Custom domains are on Pro and Business.

Can I turn the waitlist into the real product later?+

Yes. It is a normal React and TypeScript app on your own database, so you can keep building the product in the same project when the list is ready.