Next.js, Tailwind, TypeScript Starter and Boilerplate

A fully-featured Next.js boilerplate combining TypeScript, Tailwind CSS, and a suite of development tools to streamline your project setup and improve code quality.

Features

This starter includes:

• Next.js 15 with App Router – Optimized for speed and scalability.
• React 18 – Leverage the latest in React for fast, dynamic UIs.
• TypeScript – Type-safe code for better maintainability.
• Tailwind CSS – Rapidly build stylish UIs with utility-first CSS.
• Jest – Configured for robust unit testing.
• Absolute Imports & Path Aliases – Import components using the @/ prefix.
• ESLint – Identify and fix code issues early.
• Prettier – Ensure consistent code formatting.
• Husky & Lint Staged – Run checks on staged files before committing.
• Conventional Commit Lint – Standardize commit messages across your team.

Getting Started

1. Clone This Template

1. Use this repository as a template – Click “Use this template” on GitHub.

2. Using create-next-app

   npx create-next-app  -e https://github.com/urmauur/nextjs-boilerplate my-app

2. Install dependencies

yarn install

3. Run the development server

You can start the server using this command:

yarn dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/app/page.tsx.