For the complete documentation index, see llms.txt. This page is also available as Markdown.

Build a web app

A complete example of building and shipping a web app in GenVibe.

We'll build a SaaS landing page with a waitlist form.

1. First prompt

Build a modern SaaS landing page for a product called "Inboxly" — an AI email assistant. Include a hero with a headline and call-to-action, a features section with three cards, a pricing section with two tiers, and a footer. Add a waitlist form that collects an email address.

2. Refine the look

Use a dark theme with a purple accent color.

Make the hero headline bigger and add a subtle gradient background.

Add logos of "trusted by" companies as grayscale placeholders.

3. Make the form work

Connect Supabase, then:

Use Supabase to store waitlist emails, and show a "You're on the list!" message after submitting.

4. Polish for mobile

Make sure everything looks good on mobile — stack the feature cards and shrink the hero text on small screens.

5. Publish

Click Publish for a live genvibe.app link in one click — or connect a custom domain on a paid plan. You can also deploy to Netlify.

Deploying your app

Recap

You went from one sentence to a deployed, working landing page with a real backend — using only chat. The same loop scales to dashboards, tools, and full apps.

Last updated

Was this helpful?