A starter you can
understand first.

Nexa gives you a polished AI product experience without hiding the important boundaries. Run it, read it, replace only what your product needs.

Install dependencies and start the local development server:

npm install
npm run dev

Open http://localhost:3000. Public marketing pages load immediately; authentication and product routes require the included production environment variables.

Files are grouped by product responsibility, not by arbitrary implementation detail.

app/
  api/generate/route.ts
  api/stripe/*
  dashboard/actions.ts
  admin/actions.ts
components/
  landing/
  studio/
  ui/
lib/
  data/
  supabase/
supabase/migrations/

• Marketing sections are independently editable.
• Studio interactions stay behind client boundaries.
• Shared product copy and plans live in one typed data module.

The browser calls /api/generate, which validates input, checks authentication and plan limits, calls the OpenAI Responses API, and persists usage. The API key never reaches the client.

OPENAI_API_KEY=sk-...
OPENAI_MODEL=gpt-5.6

# Restart after changing environment variables
npm run dev

The design system is intentionally compact. Edit the variables at the top of app/globals.css to change the entire product.

:root {
  --ink: #111126;
  --violet: #6c5ce7;
  --coral: #ff7657;
  --mint: #41c7a5;
  --paper: #f7f5ff;
}

• Run the included Supabase migration

• Add production environment keys in Vercel

• Set Supabase callback URLs

• Create Stripe recurring Prices and webhook

• Verify a Resend sending domain

• Configure monitoring and rate limiting at the edge

• Replace sample names, metrics, and testimonials

• Review privacy, terms, and commercial license