Next.js + TailwindCSS + TypeScript Starter Template

Made with ❤ by Ali Piry

Features

• Next.js 16
• React.js 19
• TypeScript 5
• TailwindCSS 4
• Framer Motion
• Absolute Import and Path Alias — Import components using @/ prefix
• ESLint
• Prettier
• Husky & Lint Staged
• Site Map — Automatically generate sitemap.xml

How to use

Execute create-next-app with pnpm to bootstrap the template:

pnpm create next-app --example https://github.com/alipiry/nextjs-ts-tailwind-starter nextjs-ts-tailwind-starter

Or clone the repository and install dependencies:

git clone https://github.com/alipiry/nextjs-ts-tailwind-starter.git
cd nextjs-ts-tailwind-starter
pnpm install
cp .env.local.example .env.local

Getting Started

Run the development server:

pnpm dev

Build for production:

pnpm build

Start the production server:

pnpm start

Deploy your own

Deploy the template using Vercel: