• ⚡️ Next.js 12
• ⚛️ React 18
• ⛑ TypeScript
• 📏 ESLint — To find and fix problems in your code
• 💖 Prettier — Code Formatter for consistent style
• 📄 Commitizen — To define a standard way of committing rules
• 🚓 Commitlint — To make sure your commit messages follow the convention
• 🖌 Renovate — To keep your dependencies up to date
• 🚫 lint-staged — Run ESLint and Prettier against staged Git files
• 👷 PR Workflow — Run Type Check & Linters on Pull Requests
• ⚙️ EditorConfig - Consistent coding styles across editors and IDEs
• 🗂 Path Mapping — Import components or images using the @ prefix
• ⚡️ Less — Using less css
• ⚡️ Antd — Using antd library
• ⚡️ Tailwind CSS — CSS toolkit, bundle classes
• ⚡️ Zustand — Manage React states

To start the project locally, run:

npm run dev

Open http://localhost:3000 with your browser to see the result.

• Node.js >= 12.22.0

• public — Static assets such as robots.txt, images, and favicon.
  
• src — Application source code, including pages, components, styles.
  
• components — Development React components.
  
• config — Global config.
  
• service — Global service, e.g. APIs request, React/Redux states,...
  
• utils — Global utilities, e.g. common functions.
  
• styles — Global & pages styles. Note: import all less files of pages to variables.less
  
• Each component will have it own local config, service & utils

• npm run dev — Starts the application in development mode at http://localhost:3000.
• npm run build — Creates an optimized production build of your application.
• npm run export — Creates static application from production build.
• npm start — Starts the application in production mode.
• npm run type-check — Validate code using TypeScript compiler.
• npm run lint — Runs ESLint for all files in the src directory.
• npm run format — Runs Prettier for all files in the src directory.
• npm run commit — Run commitizen. Alternative to git commit.

TypeScript are pre-configured with custom path mappings. To import components or files, use the @ prefix.

import { Button } from '@/components/Button';

// To import images or other files from the public folder
import avatar from '@/public/avatar.png';

MIT license