Skip to content

Next.js+Tailwind+Zustand starter ๐Ÿš€ with ESLint, Prettier, commitlint, lint-staged, & GitHub Action

Notifications You must be signed in to change notification settings

afiiif/nextjs-starter-template

Repository files navigation

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

About

Next.js+Tailwind+Zustand starter ๐Ÿš€ with ESLint, Prettier, commitlint, lint-staged, & GitHub Action

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published