Next Boilerplate

Next boilerplate has been designed to provide you the lifecycle of developing the frontend and backend apps.
Report bug · Request feature

Table of contents

• Table of contents
• Getting Started
• System Requirements
• Learn Requirements
• Main Features
• Deploy on Vercel
• Full Documentation

Getting Started

1. Download code and change name directory root:

   npm init next-app project-name --example "https://github.com/ngadiono/next-boilerplate/tree/main"
   

   yarn create next-app project-name --example "https://github.com/ngadiono/next-boilerplate/tree/main"
   

2. Install package modules app

   npm install
   # or
   yarn

3. Run the development server

   npm run dev
   # or
   yarn dev

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

   You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

4. Build production app

   npm run build
   npm run start
   # or
   yarn build
   yarn start

System Requirements

• Node.js 12.0 or later
• MacOS, Windows (including WSL), and Linux are supported

Learn Requirements

• https://reactjs.org
• https://redux.js.org
• https://nextjs.org
• https://nodejs.org
• https://expressjs.com
• https://jestjs.io
• https://mui.com
• https://cssinjs.org
• https://styled-components.com
• https://emotion.sh

Main Features

• Custome Server with Express.js
• Design system with Material UI
• Unit testing with Jest
• Redux + Redux Thunk ready
• State management system (layout, ui, i18n, modules)
• Layout management system (landing, dashboard, mobile and dynamic layout)
• Stylesheet management system (override, global)
• SEO management system
• Assets management system (images, fonts etc)
• Folder management system (structure files app)
• Components management system
• API management system
• Libraries management system
• Analyze bundles app
• Custome Error page (404, 500)
• Environment variables
• Absolute import
• Debugger config
• PWA supported
• Custom folder build & build ID include

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Full Documentation

https://ngadionocr.gitbook.io/next-boilerplate