afiiif / nextjs-starter-template

Next.js+Tailwind+Zustand starter 🚀 with ESLint, Prettier, commitlint, lint-staged, & GitHub Action

Next.js [TypeScript] + Tailwind CSS Starter Template

Features

This starter template contains:

• ⚡️ Next.js (v13.3) with /app directory
• ⚛️ React (v18.2)
• 🎐 Tailwind CSS (v3.3)
• 🐻 Zustand (v4.3)
• 🪄 Prettier — Format your code automatically, this will also run on save
• 🧼 ESLint — Find & fix problems in your code, and auto sort your imports
• 🔗 Absolute Import — Import modules using @/ prefix
• 🐶 Husky with...
  • 📜 Commit Lint — Make sure the commit message follows the conventional commit
  • 🕵️ Lint Staged — Check & fix code when commit, block commit if bad code detected
• ⚙️ Github Actions — Check your code on push & pull-request
• 🤖 Dependabot — Create pull-request to update your dependencies

Getting Started

1. Clone this repo.
   💡 You can use degit:

   npx degit afiiif/nextjs-starter-template YOUR_APP_NAME

2. Install dependencies: yarn install
3. Run the development server: yarn dev
4. Open http://localhost:3000 with your browser to see the result.

Learn More

• https://nextjs.org/docs