Skip to content

AjayLuhach/nextjs-tailwind-starter

Repository files navigation

🚀 Next.js + Tailwind CSS + TypeScript Starter Template

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.


✨ Features

  • 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

📁 Project Structure

src/
 ├─ app/
 │   ├─ layout.tsx
 │   └─ page.tsx
 ├─ components/
 ├─ styles/
 ├─ lib/
public/
  • app → Routing and pages
  • components → Reusable UI components

🧰 Tech Stack

Feature Tool
Framework Next.js
Language TypeScript
Styling Tailwind CSS
Formatting Prettier
Linting ESLint

🚀 Getting Started

1️⃣ Clone the repository

git clone https://github.com/AjayLuhach/nextjs-tailwind-starter.git
cd nextjs-tailwind-starter

2️⃣ Install dependencies

npm install
# or
yarn
# or
pnpm install

3️⃣ Start the development server

npm run dev

Open → http://localhost:3000


🛠 Build for Production

npm run build
npm run start

🧹 Lint & Format

npm run lint
npm run format

🐳 Optional: Use Template as a GitHub Template

  1. Go to repository on GitHub
  2. Click “Use this template”
  3. Create a new project — no need to manually copy files

🤝 Contributing

Contributions, discussions, and improvements are welcome.
Feel free to open an issue or submit a pull request.


📄 License

This starter template is licensed under the MIT License — free to use in both personal and commercial projects.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors