lovable

## Prompt → Full App

Lovable generates:
- React frontend with Tailwind CSS and shadcn/ui
- Supabase backend (PostgreSQL, Auth, Storage, Realtime)
- Database schema with Row Level Security policies
- Authentication flows (email, Google, GitHub)
- Full CRUD operations
- Responsive design
- Deployment to Lovable hosting or Netlify

## Example: SaaS Waitlist + Dashboard

Prompt:
"Build a SaaS waitlist app where:
- Landing page with email signup form and social proof counter
- Admin dashboard to view signups, export CSV, and send invite emails
- Supabase auth for admin login
- Track referrals: each signup gets a unique referral link
- Leaderboard showing top referrers
- Dark mode support"

Lovable generates:
├── src/
│   ├── pages/Landing.tsx          # Waitlist signup with counter
│   ├── pages/Dashboard.tsx        # Admin view of signups
│   ├── pages/Leaderboard.tsx      # Referral leaderboard
│   ├── components/SignupForm.tsx   # Email + referral tracking
│   ├── components/DataTable.tsx    # Sortable signups table
│   ├── lib/supabase.ts           # Supabase client config
│   └── hooks/useSignups.ts       # Data fetching hooks
├── supabase/
│   └── migrations/
│       └── 001_create_signups.sql # Schema + RLS policies

## Auto-Generated Database

Lovable creates Supabase resources automatically:
- Tables with proper column types and constraints
- Row Level Security policies (users can only access their own data)
- Foreign key relationships
- Indexes on commonly queried columns
- Realtime subscriptions for live updates
- Storage buckets for file uploads
- Edge functions for server-side logic

## Database Schema Example (auto-generated)

CREATE TABLE signups (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  email TEXT NOT NULL UNIQUE,
  referral_code TEXT NOT NULL UNIQUE DEFAULT nanoid(),
  referred_by UUID REFERENCES signups(id),
  referral_count INTEGER DEFAULT 0,
  invited BOOLEAN DEFAULT false,
  created_at TIMESTAMPTZ DEFAULT now()
);

ALTER TABLE signups ENABLE ROW LEVEL SECURITY;

-- Admin can see all signups
CREATE POLICY "Admin full access" ON signups
  FOR ALL TO authenticated
  USING (auth.jwt() ->> 'role' = 'admin');

-- Public can insert (signup)
CREATE POLICY "Public signup" ON signups
  FOR INSERT TO anon
  WITH CHECK (true);

## Edit via Chat

After generation, edit with natural language:
- "Add a chart showing signups over time"
- "Make the landing page hero section bigger with an animated gradient"
- "Add email validation and show error messages"
- "Connect Resend for sending invite emails"
- "Add a /api/webhook endpoint for Stripe events"

Lovable modifies the existing codebase, preserving your customizations.

# No installation — browser-based
# https://lovable.dev

# Free: 5 generations/day
# Pro: $20/month (unlimited)
# Teams: $25/user/month