Next.js 15 Starter (shadcn) [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 Tailwind CSS

Welcome to the Next.js 15 Starter repository! This starter template is built with Next.js 15, React 19, TypeScript 5, Tailwind CSS 3, Shadcn UI 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 (Stable)
• React 19 (Stable)
• TypeScript 5
• ESLint 9
• Prettier 3
• Tailwind CSS 3
• Shadcn UI
• App Directory
• System, Light & Dark Mode
• Next.js Bundle Analyzer
• Dockerfile with Node.js 22.11.0 (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

• 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/yourusername/nextjs-15-starter-shadcn.git
   cd nextjs-15-starter-shadcn

   To get the code without example change branch to without-example

   git checkout without-example

2. Install Dependencies:

   npm install
   # or with Yarn
   yarn install

3. Run Development Server:

   npm run dev
   # or with Yarn
   yarn dev

4. Build for Production:

   npm 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 .
docker run -p 3000:3000 nextjs-starter

☁ Try it in the Cloud

License

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