Next.js [TypeScript] + Tailwind CSS Starter Template

April 18, 2023 · View on GitHub

⚠️ Warning ⚠️

This repo will no longer be maintained.
It is recommended to use https://github.com/afiiif/nextjs-starter-template instead.

Next.js [TypeScript] + Tailwind CSS Starter Template

Features

This starter template contains:

  • ⚡️ Next.js 12
  • ⚛️ React 18
  • 🎐 Tailwind CSS 3
  • 🪄 Prettier — Format your code automatically, this will also run on save
  • 🧼 ESLint — Find & fix problems in your code, and auto sort your imports
  • 🐶 Husky & Lint Staged — Check & fix code when commit, block commit if bad code detected
  • 📜 Commit Lint — Make sure the commit message follows the conventional commit
  • ⚙️ Github Actions — Check your code on push & pull-request
  • 🤖 Dependabot — Create pull-request to update your dependencies
  • 🔗 Absolute Import — Import modules using @/ prefix
  • 💟 React Icons — Include popular icons in your React projects easily
  • 🌟 React Power-Ups — Collection of React hooks to speed-up your app development

Getting Started

The fastest way to start using this starter template is to run the following command in your terminal:

npx @afifu/setup <app-name>
// Example: npx @afifu/setup my-awesome-app

Enjoy~ 😁