Next.js + Tailwind CSS Template

A modern, production-ready template featuring Next.js 14, React, TypeScript, and Tailwind CSS.

Features

• ⚡ Next.js 14 - The React Framework for the Web
• 🎨 Tailwind CSS - A utility-first CSS framework
• 📝 TypeScript - Static Type Checking
• 📏 ESLint - Linting utility
• 🛠 App Router - Next.js App Router for better routing
• 📁 Src Directory - Organized source directory structure
• 🎯 Import Aliases - Clean imports using @/* alias

Getting Started

1. Clone this repository:

   git clone <your-repo-url>
   cd next-tailwind-template
   

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open http://localhost:3000 with your browser to see the result.

Project Structure

next-tailwind-template/
├── src/
│   ├── app/             # App router directory
│   ├── components/      # React components
│   └── styles/          # Global styles
├── public/              # Static assets
├── tailwind.config.ts   # Tailwind CSS configuration
├── tsconfig.json        # TypeScript configuration
└── package.json         # Project dependencies

Scripts

• npm run dev - Start development server
• npm run build - Build production bundle
• npm run start - Start production server
• npm run lint - Run ESLint

Learn More

To learn more about the technologies used in this template:

• Next.js Documentation
• Tailwind CSS Documentation
• TypeScript Documentation

License

This project is licensed under the MIT License.