A minimal, modern, production-ready boilerplate for building Next.js applications with TypeScript, Tailwind CSS, and best-practice project structure.
Clone it, customize it, and start coding without wasting time on initial setup.
- ⚡ Next.js App Router (latest)
- 🟦 TypeScript configured for strict development
- 🎨 Tailwind CSS with autoprefixer & PostCSS
- 🌗 Dark mode support (via class strategy)
- 🧩 Clean folder structure for scalable projects
- 📦 Absolute imports (
@/components,@/lib, etc.) - 🔥 Hot reload & Fast Refresh
- 🔍 ESLint + Prettier configured for clean code
src/
├─ app/
│ ├─ layout.tsx
│ └─ page.tsx
├─ components/
├─ styles/
├─ lib/
public/
app→ Routing and pagescomponents→ Reusable UI components
| Feature | Tool |
|---|---|
| Framework | Next.js |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Formatting | Prettier |
| Linting | ESLint |
git clone https://github.com/AjayLuhach/nextjs-tailwind-starter.git
cd nextjs-tailwind-starternpm install
# or
yarn
# or
pnpm installnpm run devOpen → http://localhost:3000
npm run build
npm run startnpm run lint
npm run format- Go to repository on GitHub
- Click “Use this template”
- Create a new project — no need to manually copy files
Contributions, discussions, and improvements are welcome.
Feel free to open an issue or submit a pull request.
This starter template is licensed under the MIT License — free to use in both personal and commercial projects.