A super powerful NextJS boilerplate developed following the Feature driven pattern.
- Always write clean code
- Think before coding
- Code has heart
- Ready to teach each other
- Responsibility for work
- Actively discuss
https://nextjs-core-project.vercel.app/
Here're some of the project's best features:
- Clean folder structure
- High scalability
- Feature driven architecture
- Multilingualism does not change routes
- Validate ENV before build
- Validate branch and commit before commit code
- Support Storybook
- Support Unit Test
- Bla bla bla feature...
.
├── public (contain static files)
├── scripts (contain script/bash)
├── src
│ ├── __test__
│ │ └── setup
│ │ └── matchMedia.ts
│ ├── app
│ │ ├── api
│ │ │ └── ping
│ │ │ └── route.ts
│ ├── components
│ │ ├── common
│ │ └── features
│ │ ├── feature-1
│ │ │ ├── feature-1.component.tsx
│ │ │ ├── feature-1.constant.ts
│ │ │ ├── feature-1.hook.tsx
│ │ │ ├── feature-1.store.ts
│ │ │ ├── feature-1.test.tsx
│ │ │ └── index.tsx
│ ├── pages (contain page routes)
│ ├── services (contain third services: AWS, Google Cloud)
│ ├── styles (contain module styles)
│ └── utils
│ ├── constants
│ └── helpers
Must create branch follow below rules:
- build
- chore
- ci
- docs
- feat
- fix
- perf
- refactor
- revert
- style
- test
Example:
feat: first commit
Must create branch follow below rules:
- feat/
- feedback/
- hotfix/
- revert/
- reset/
- force/
- refactor/
- fix/
Example:
git checkout -b feat/feature-a
Note: Underscore to be not allow!!!
1. Clone the project
git clone https://github.com/truongdn-it/nextjs-boilerplate
2. Go to the project directory
cd nextjs-boilerplate
3. Install dependencies
npm install
4. Start the server
npm run dev
CONTRIBUTING
Technologies used in the project:
- NextJS
- Antd Design
- React Query
- Zustand
- Commit lint
- Eslint
- Prettier
- Storybook
- Vitest
- Apollo Server
- Apollo Client
This project is licensed under the MIT
Donate me for crypto (USDT)
BEP20 Wallet: 0xbb861e0bd84af04cf370bcf8227537344500bd0a