Lovable Prompts

Lovable builds what you describe — so the difference between a decent build and a throwaway demo is the structure of your prompt. The prompts below specify sections, data models and behavior explicitly: landing pages with real copy instead of lorem ipsum, Supabase auth flows with server-side session checks, and a waitlist that grows itself with referral positions. Each prompt lists exactly what Lovable should produce, which is how you keep it from improvising.

Replace every <placeholder> before pasting — Lovable takes them literally.

Build a landing page for <product>, a <one-line description> for <audience>. Sections: sticky nav with logo, 3 links and a CTA button; hero with headline '<your headline>', subheadline and primary CTA; social proof row with 3 short quotes; 3 feature cards each with icon, title, 2-line description; screenshot placeholder section; 3-tier pricing with the middle tier highlighted 'Most popular'; FAQ accordion with 5 items; footer with 4 columns. Style: clean SaaS, generous whitespace, rounded-xl cards, subtle shadows, one accent color <hex>. Mobile-first, responsive at 375px. No lorem ipsum — write real copy.

Create an app with Supabase authentication: (1) a login page with email magic-link; (2) after login, a dashboard page with a sidebar (Dashboard, Settings, Billing) and a top bar showing the user's email and avatar initials; (3) dashboard body: 4 stat cards, one line chart placeholder, and a recent-activity table with 5 rows; (4) unauthenticated visits redirect to login; (5) a Settings page where the user can update their display name in the profiles table. Use Supabase JS v2, store the session with @supabase/ssr, and protect routes in a layout component.

Build a waitlist page for <product>: (1) hero with headline, one-line pitch and an email input + 'Join waitlist' button; (2) on submit, store the email in a Supabase 'waitlist' table (email, referral_code, referred_by, created_at) and show success state with the person's position number; (3) each signup gets a referral code; show 'You're #<position> — invite friends to move up' with a copyable invite link (?ref=CODE); (4) if the URL has ?ref=, capture it into the form submission; (5) a simple counter under the form showing total signups. Anti-abuse: validate email format, ignore duplicate submissions.

Build a pricing page for <product> with 3 tiers (<names>). Include: (1) a monthly/yearly toggle where yearly shows '2 months free' and recalculates prices; (2) each tier card: name, one-line audience fit, price, 6-8 feature rows with check icons, CTA button (middle tier highlighted, labeled 'Most popular'); (3) below cards, a feature-comparison table with 8 rows and check/dash cells; (4) an FAQ with 4 pricing objections; (5) a trust line under the CTAs: '14-day refund. No card required for trial.' Style consistent with a clean SaaS look, mobile stacked layout.