Next.js 15 Starter (tailwind) [LIVE DEMO]

This is the Tailwind version for Next.js 15 Starter, you may be interested in other templates too -

• Next.js 15 Starter Core
• Next.js 15 Starter with Shadcn UI

Welcome to the Next.js 15 Starter repository! This starter template is built with Next.js 15, React 19, TypeScript 5, Tailwind CSS 4 and comes packed with several powerful tools and configurations to accelerate your project setup and streamline development workflows using VS Code.

🚀 What's Included

• Next.js 15
• React 19
• TypeScript 5
• ESLint 9
• Prettier 3
• Tailwind CSS 4
• App Directory
• System, Light & Dark Mode
• Next.js Bundle Analyzer
• Dockerfile with Node.js 22.15.0 (Alpine)
• Dockerfile.bun with Bun 1.2.12 (Alpine)

🛠️ ESLint Plugins

• @eslint/js
• typescript-eslint
• eslint-plugin-react
• @next/eslint-plugin-next
• eslint-config-prettier
• eslint-plugin-tailwindcss
• eslint-plugin-import
• eslint-plugin-promise

✨ Prettier Plugins

• @trivago/prettier-plugin-sort-imports
• prettier-plugin-tailwindcss

💻 VS Code Extensions (Recommended)

To enhance development experience, install the following VS Code extensions:

• Auto Close Tag
• Better Comments
• DotENV
• EditorConfig for VS Code
• ESLint
• formate: CSS/LESS/SCSS formatter
• Git History
• Import Cost
• JavaScript Booster
• npm Intellisense
• Prettier - Code formatter
• Todo Tree
• Turbo Console Log
• Package Json Upgrade
• Visual Studio Code Commitizen Support
• Markdown All in One

🏁 Getting Started

Prerequisites

• Bun: Version 1.2.12 or higher OR
• Node.js: Version 20.18.0 or higher
• Docker: For containerized deployment (optional but recommended)

Installation

1. Clone the Repository:

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

2. Install Dependencies:

   npm install
   # or with Yarn
   yarn install
   # or with pnpm
   pnpm install
   # or with Bun
   bun install
   

3. Run Development Server:

   npm run dev
   # or with Yarn
   yarn dev
   # or with pnpm
   pnpm dev
   # or with Bun
   bun dev
   

4. Build for Production:

   npm run build
   # or with Yarn
   yarn build
   # or with pnpm
   pnpm build
   # or with Bun
   bun run build
   

🐳 Docker Setup

To use Docker, make sure Docker is installed on your machine. Then, build and run the Docker container:

docker build . -t nextjs-starter-tailwind
# or if using Bun
docker build . -t nextjs-starter-tailwind -f Dockerfile.bun

docker run -p 3000:3000 nextjs-starter-tailwind

☁ Try it in the Cloud

License

This project is licensed under the MIT License. See the LICENSE file for details.

With ❤️ from 🇮🇳