A clean, modern Next.js starter template with TypeScript, Tailwind CSS, and beautiful UI components.
- Next.js 16 - Latest version with App Router
- TypeScript - Full type safety
- Tailwind CSS 4 - Modern utility-first CSS
- Radix UI - Accessible component primitives
- Dark Mode - Built-in theme switching
- Responsive Design - Mobile-first approach
# Clone and install
git clone <your-repo>
cd simple-nextjs-template
npm install
# Start development
npm run devVisit http://localhost:3000
├── app/ # Next.js App Router
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout
│ └── page.tsx # Homepage
├── components/ # Reusable components
│ ├── layout/ # Layout components
│ ├── ui/ # UI components
│ └── theme-provider.tsx
└── styles/ # Additional styles
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLintnpm run type-check- Run TypeScript check
The template uses Tailwind CSS with custom design tokens defined in globals.css. Modify the theme variables to match your brand.
MIT License