Next.js Starter

📦 A versatile Next.js starter template with TypeScript, ESLint, Prettier, and Husky. Preconfigured for seamless setup with essential tools.

Features

• 🚀 Next.js with App Router
  • v16
  • v15
  • v14
• ⚛️ React 19
• 🟦 TypeScript: Adds type safety to the code
• ✔️ ESLint: Configured for code quality checks
• 💅 Prettier: Code formatting and sorting imports
• ✂️ Knip: Detects unused files, dependencies, and exports
• 🧩 Zod: Type-safe schema validation
• 🐶 Husky: Manages Git hooks that run automatically during commits and pushes
• 🔄 Lint Staged: Automatically run code formatting and linters on pre-committed files
• 📝 Commitlint: Enforces conventional commit messages
• ✍️ Commitizen: Simplifies the process of writing consistent commit messages
• 🔍 Next.js Metadata: Preconfigured metadata, robots, manifest, and sitemap for SEO
• 💨 Turbopack: Blazing fast bundler and compiler for Next.js
• 📊 Bundle Analyzer: Analyze the size of your Next.js build
• 📁 Absolute Import and Path Alias: Import components using the @/ prefix
• 💻 VSCode: Includes settings and recommended extensions

Prerequisites

Make sure you have the following installed:

• Node.js (version 24 or later)
• Bun (optional)

Note: This project uses Bun as the default package manager.
If you are using npm, Yarn, or pnpm, you can still proceed, but make sure to adjust all package commands accordingly, including Husky commit hooks.

Getting Started

1. Start a New Project

You can start a new project using this repository as a template in three ways:

1. Use This Repository as Template

   

2. Using create-next-app

   npx create-next-app -e https://github.com/hanskym/nextjs-starter my-project-name --use-bun # npm | pnpm | yarn

3. Using Git Clone

   git clone https://github.com/hanskym/nextjs-starter my-project-name

2. Install Dependencies

bun install

3. Prepare Husky

bun prepare

4. Run the Development Server

bun dev

Open http://localhost:3000 in your browser to view your Next.js application. You can start editing the page by modifying src/app/page.tsx, and the changes will update in real time.