Next.js 15Tailwind 4 + shadcn/uiZero-config

AI Web Launcher

A production-ready Next.js boilerplate for shipping AI-powered websites fast. The web counterpart to AI Mobile Launcher: a clean, brandable starting point with the integrations you actually reach for already wired in and env-gated, so the project builds and runs with zero configuration.

Get started Deploy to Vercel

Zero-config by design

Every third-party integration is env-gated. Clone, install, and run pnpm dev with no .env file — nothing crashes. Add keys only when you need a feature.

The product is the workflow, not the code

The boilerplate is the easy part. The thing that ships your site is the orchestrated idea → deployed workflow: nine steps, each writing a file the next one reads. Read it first if you are deciding whether to buy.

What you get

⚡

Next.js 15

App Router, React 19, Server Components.

🎨

Tailwind 4 + shadcn/ui

Token-driven theming, Geist font (sans + mono).

📚

Custom /docs engine

The flat .tsx docs system you are reading now.

🗄

Supabase (optional)

Auth, database, and lead capture, env-gated.

✉️

Resend (optional)

Transactional email when a key is present.

📈

GA4 + Crisp (optional)

Analytics and live chat, silently disabled when unset.

🗺

next-sitemap

Automatic sitemap + robots generation on postbuild.

🔎

SEO + OG routes

SEO helpers, OG/Twitter image routes, security headers, blog engine.

The stack at a glance

Layer	Tool
Framework	Next.js 15 (App Router)
Styling	Tailwind CSS 4 + shadcn/ui
Docs	Custom .tsx docs engine
Data / Auth	Supabase
Email	Resend
Analytics	Google Analytics 4
Sitemap	next-sitemap (postbuild)

From clone to deploy

SetupBrandAI layerShip

Clone the boilerplate

git clone <your-repo-url> my-site

Set your brand in config.ts

appName · appDescription · domainName — one file defines your identity

Re-skin the palette

Edit the @theme + [data-theme] tokens in app/globals.css

Point Claude Code at ai_rules/Spec Harness

The AI-indexing layer keeps the assistant on your conventions

(Optional) add env keys

Supabase, Resend, Stripe, analytics — everything is env-gated

Deploy to Vercel

Push to Git, import, click Deploy — postbuild runs next-sitemap

Quickstart

Terminal

$
gitclone <your-repo-url> my-site
$
cdmy-site
$
pnpminstall
$
pnpmdev

Open http://localhost:3000. No .env file is required to boot. Then set your brand in config.ts — see Configuration.

Next steps

The workflow

Idea → deployed, the nine-step chain you are buying.

Configuration

Brand tokens, theme, and env vars.

Launch fast

The realistic path from purchase to a deployed app.

Deployment

Ship to Vercel in minutes.

Components

Every component the boilerplate ships, in one gallery.

Claude Code skills

The skills that pair with this boilerplate.

MCP servers

Connect Claude Code to Supabase, Context7, Playwright.

Spec Harness / memory bank

The AI memory + indexing system.

Configuration →