Overview
This is a Next.js (App Router) + Tailwind CSS + Typescript Starter Template. It is a repository that provides a battery packed template for building web applications using Next.js, React, Typescript, and Tailwind CSS. It also includes pre-built components, SEO metadata, ESLint for code problem detection, Prettier for code formatting, Husky and Lint Staged for running scripts on staged files, and Conventional Commit Lint for commit message linting.
Features
- Next.js with app router directory structure
- React
- Typescript
- Tailwind CSS
- Pre-built Components
- SEO metadata
- ESLint for code problem detection
- Prettier for code formatting
- Husky and Lint Staged for running scripts on staged files
- Conventional Commit Lint for commit message linting
Installation
To install this template, follow these steps:
Clone this template using one of the following methods:
- Click the “Use this template” button on this repository
- Use the
create-next-appcommand - Use the
degitcommand Please note that if you use this template, there will be an attribution on your repository. Leaving the attribution intact would be greatly appreciated, as it will help others discover and benefit from this template as well.
After cloning the project, install the dependencies. It is recommended to use yarn for proper functioning of the husky hooks.
Run the development server using the command provided. Open http://localhost:3000 in your browser to see the result. You can start editing the page by modifying src/app/page.tsx.
Summary
The Next.js (App Router) + Tailwind CSS + Typescript Starter Template is a comprehensive template for developing web applications. It provides a solid foundation with Next.js, React, Typescript, and Tailwind CSS, along with additional features such as pre-built components, SEO metadata, code problem detection, code formatting, and commit message linting. The installation process is straightforward, and the template is ready to use with a development server running on localhost.