This boilerplate is all you need for frontend project development with Reactjs and Nextjs.
Directory layout
├── /next/ # The folder for compiled output
├── /.vscode/ # VSCode configuration
├── /api/ # Utilities for api handling
├── /hooks/ # Custom hooks
├── /pages/ # The source code of the application
| ├── _app.js # Custom _app.js https://nextjs.org/docs/advanced-features/custom-app
│ └── /index.tsx # Home page
├── /public/ # Static assets
| ├── /fonts/ # fonts
├── /styles/ # SCSS
├── /translation/ # Static translation files for react-intl
├── .env.local.template # Template for environment
├── .eslintrc.json # Configuration for eslint
├── .gitignore # .gitignore
├── .prettier.json # Configuration for prettier
├── .stylelintrc.json # Configuration for stylelint
├── next-env.d.ts # Custom typescript type definition
├── next-config.js # Configuration for nextjs
├── package.json # The list of 3rd party libraries, utilities, and build, run scripts
├── package-lock.json # Automatically generated file when installing npm packages
├── README.md # README
└── tsconfig.json # Configuration for Typescript
git clone git@github.com:shortgiraffe4/react-nextjs-boilerplate.git --depth 1
npm i
npm run dev