Next + TypeScript + Tailwind + Shadcn UI Starter Template

Next.js + TS + Tailwind CSS + Shadcn UI starter template packed with useful development features.

Repository

Features

  • ⚡️ Next.js 15 with App Router
  • ⚛️ React 19
  • ⛑ TypeScript
  • 💨 TailwindCSS
  • 📦 Shadcn/UI
  • 📈 Absolute Import and Path Alias — Import components using @/ prefix
  • 📏 ESLint 9 — To find and fix problems in your code
  • 🐶 Husky — For running scripts before committing
  • 🤖 Conventional Commit Lint — Make sure you & your teammates follow conventional commit
  • 🚫 lint-staged — Run ESLint and Prettier against staged Git files
  • 🔥 Snippets — A collection of useful snippets
  • 🆕 Cursor Rules — Cursor rules for an improved AI coding experience

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
LinkedIn