Next.js + Tailwind CSS + TypeScript + Shadcn/UI Starter and Boilerplate

Features

This repository is packed with:

• Next.js 14 with App Router
• React 18
• TypeScript
• TailwindCSS
• Shadcn/UI
• Absolute Import and Path Alias — Import components using @/ prefix
• ESLint — Find and fix problems in your code, also will auto sort your imports
• Prettier — Format your code consistently
• Husky & Lint Staged — Run scripts on your staged files before they are committed
• Conventional Commit Lint — Make sure you & your teammates follow conventional commit
• Snippets — A collection of most useful snippets

Getting Started

1. Clone this template

Using create-next-app

pnpm create next-app -e https://github.com/asyarbre/nexjs-ts-tailwindcss-starter ts-pnpm

2. Install dependencies

It is encouraged to use pnpm so the husky hooks can work properly.

pnpm install

3. Run the development server

You can start the server using this command:

pnpm dev