Complete structured production ready NextJs Boilerplate with styling powered by MUI
- Maximize lighthouse score
- Absolute Imports using @ prefix
- Structured directory
- E2E test using Cypress
- Sitemap with next-sitemap
- Pre config VsCode configuration
- CI/CD with Github Action
- Dark Theme with MUI
- Pre-commit with Husky
- Commit linter with Commitlint
- Code formatter with Prettier
Deploy on Vercel in one click:
Develop on Gitpod in one Click:
Run the following command on your local environment:
git clone https://github.com/arrofirezasatria/nextjs-mui-boilerplate.git my-project-name
cd my-project-name
npm install
Then, you can run locally in development mode with live reload:
npm run dev
.
├── .github/workflow # GitHub folder for CI/CD
├── .husky # Husky configuration
├── .vscode # VSCode configuration
├── cypress # Cypress configuration
├── lib # Support core code
│ ├── utils # Utility Compoennet
│ └── types # Types for typescript
├── public # Public assets folder
│ ├── locales # Languange JSON
│ └── static # Static Files to be cached
├── src
│ ├── components # Components
│ ├── layouts # Layouts components
│ ├── modules
│ | ├── components # Important Component
│ | |── hooks # Custom hooks
| | └── brandingTheme.ts # MUI theme Configuration
│ └── pages # Next JS Pages
├── tailwind.config.js # Tailwind CSS configuration
├── pretterrc.json # Prettier configuration
├── i18n.js # Next-Translate I18N configuration
├── tailwind.config.js # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
next roadmaps