Starter templates for Naive web apps. Each template is a complete Next.js project — clone it, customize it, and deploy it to your Naive app from your own machine. No Vercel or Supabase account needed: Naive provisions and manages the infrastructure for you.
# 1. Create an app (returns the app id + the template path for your type/variant)
naive apps create --name "My Product" --type frontend_only --variant dark-premium
# 2. Clone this repo and enter your template
git clone https://github.com/usenaive/app-dev-templates naive-app
cd naive-app/frontend_only/dark-premium
# 3. Build locally
npm install
npm run dev
# 4. Deploy from the project directory (uploads your code through the Naive API)
naive apps deploy <app-id>
# 5. Promote to production
naive apps publish <app-id> --deployment <deployment-id>| Path | Style | Best for |
|---|---|---|
frontend_only/dark-premium |
Dark, cyan accents, Stripe/Vercel aesthetic | Dev tools, AI, premium SaaS |
frontend_only/clean-minimal |
Light, blue accents, Linear/Notion feel | B2B SaaS, productivity |
frontend_only/bold-energetic |
White + orange/purple gradients, high energy | Consumer, creative, marketplaces |
frontend_only/warm-human |
Warm cream, serif headings, editorial feel | Communities, wellness, creators |
fullstack/saas-dashboard |
Next.js + Supabase dashboard (database, auth, storage) | SaaS products with a backend |
fullstack apps come with a dedicated Supabase project — NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY are injected automatically on deploy.
MANIFEST.jsonin each template describes which files to replace or brand-swap when customizing — useful for both humans and AI agents.- Environment variables: manage with
naive apps secrets set <app-id> KEY VALUE --target preview|production(synced to the app's Vercel project). - Full docs: https://docs.usenaive.ai/getting-started/apps