Next.js (app router) + Tailwind CSS + TypeScript boilerplate with developer tools
Next.js + Tailwind CSS + TypeScript starter with developer tools.
Developer experience first tools only without UI boilerplate:
npx degit Kadphol/next-seed-template <APP NAME>
or using with Create next app
npx create-next-app --example https://github.com/Kadphol/next-seed-template <YOUR_APP_NAME>
Run the following command on your local environment:
git clone --depth=1 https://github.com/Kadphol/next-seed-template.git my-project-name
cd my-project-name
pnpm install
To run development mode:
pnpm dev
Open http://localhost:3000 with your favorite browser to see your project.
.
├── README.md # README file
├── .github # GitHub folder
├── .gitlab # GitLab folder
├── .husky # Husky configuration
├── public # Public assets folder
├── src
│ ├── app # Next JS App (App Router)
│ ├── components # Shared components folder
│ ├── libs # Library and utility function folder
│ ├── mocks # Mock data and server folder
│ ├── modules # Modules components folder
│ ├── styles # Styles folder
│ └── types # Type definitions
├── .eslintrc.json # ESLint configuration
├── .prettierrc # Prettier configuration
├── jest.config.ts # Jest configuration
├── tailwind.config.js # Tailwind CSS configuration
├── Dockerfile # Dockerfile
└── tsconfig.json # TypeScript configuration