⚡ A highly composable, fully-featured Next.js 15 app template with TypeScript, TailwindCSS 4, ShadCN UI, and full modern tooling.
- ✅ Next.js 15 (App Router, Server Actions)
- 🎨 Tailwind CSS 4 +
tailwind-mergeandclsx - 🧩 ShadCN UI (radix-powered components)
- 🌀 Framer Motion animations
- 🔐 TypeScript 5.8 for strong typing
- ⚙️ ESLint, Prettier, and Stylelint configured
- 🌐 SEO-ready Head, optimized fonts, and structured layout
- 🪝 Zustand state management
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 15.3.1 | React Framework w/ SSR, ISR, etc. |
| React | 19.1.0 | Core UI rendering engine |
| TypeScript | 5.8.3 | Static typing |
| TailwindCSS | 4.1.4 | Utility-first CSS |
| ShadCN UI | latest | Component system w/ Radix Primitives |
| Zustand | 5.0.3 | Global state management |
| Lucide-react | 0.503.0 | Icon system |
| Framer Motion | 12.7.4 | Animation library |
| ESLint / Prettier | latest | Code linting + formatting |
pnpm install
pnpm devOpen http://localhost:3000 and start hacking.
.
├── app/ # App Router directory
│ └── layout.tsx # Root layout with providers
│ └── page.tsx # Home page
├── components/ # Reusable UI components
├── lib/ # Utility functions and hooks
├── public/ # Static assets
├── styles/ # Tailwind base styles
└── tsconfig.json # TypeScript config┌─────────────────────────────────────┐
│ App Shell (Layout) │
│ ┌────────────┐ ┌────────────────┐ │
│ │ Navigation │ │ Page │ │
│ │ (Header) │ │ Content │ │
│ └────────────┘ └────────────────┘ │
│ Footer (if applicable) │
└─────────────────────────────────────┘pnpm lint
pnpm formatThis template is optimized for deployment on Vercel.
MIT © Andrew Voirol