Loading
Loading
Next.js Template
Clone it, set the theme, edit site.ts. TypeScript, Tailwind v4, and light/dark/system are already set up.
Quick start
Three commands. Then open src/config/site.ts and put your name on it.
bun install. Dependencies and Husky hooks install together.
bun dev. Turbopack at localhost:3000 with Cache Components on.
bun run validate. Lint, types, Prettier, then a production build.
Extend
A few folders, intentional defaults. Theme tokens live in CSS variables. Use the studio toggle for light, dark, and system.
src/app/Routes, layout, metadata, error / loading / not-foundsrc/styles/globals.cssDesign tokens, light/dark variables, motion utilitiessrc/config/site.tsName, URL, SEO, links. Edit once after you fork.src/components/theme-provider.tsxnext-themes wrapper (light, dark, system)Routing
App Router, Cache Components, React Compiler
Style
Tailwind v4, CSS variables, theme switcher
Quality
ESLint 10, Prettier, Husky, lint-staged
SEO
Metadata, OG/Twitter, JSON-LD, robots, sitemap
Next steps
Update site config, replace this landing with your product, add routes under src/app/. Optional: bun run ui for shadcn components.
# start
bun install
bun dev
# customize
src/config/site.ts · src/styles/globals.css · src/app/page.tsx
# already on
app router · cache components · react compiler
seo · pwa manifest · error / loading / not-found
light · dark · system theme persistence
$ bunx create-next-app -e "…/nextjs-template"