Next.js With Material Example Template
This example template was scaffolded using nextjs-with-typescript-example-template.
Before getting started
Make sure you have installed Node.js 12.22.0 or higher on your machine. You can use nvm to manage multiple node version on your machine.
Getting started
You can setup this project using npm or yarn package managers.
I would recommend to installed or enabled yarn 1.22.15 or higher on your machine.
Clone repo
git clone https://github.com/binodnepali/nextjs-with-material-ui-example-template.git
#or
git clone git@github.com:binodnepali/nextjs-with-material-ui-example-template.git
Navigate to cloned repo
cd nextjs-with-material-ui-example-template
Install dependencies
yarn install
#or
npm install
Start development server
yarn dev
#or
npm run dev
Open http://localhost:3000 with your browser to see the result.
Build for production
yarn build
#or
npm run build
Start preview server after build
yarn start
#or
npm run start
Open http://localhost:3000 with your browser to see the result.
Run release
Follow the Conventional Commits Specification in your repository. And when you're ready to release, run below scripts.
yarn release
#or
npm run release
Learn More
To learn more about Next.js, ESLint, Prettier, StyleLint and lint-staged, take a look at the following resources:
- Next.js Documentation - Learn about Next.js features and API
- Next.js ESLint - Learn about how to Next.js ESLint setup
- Prettier Setup - Learn about how to setup prettier
- Prettier Integrations - Learn about how to setup prettier with other tools
- ESLint Setup - Learn about how to ESLint
- StyleLint Setup - Learn about how to setup StyleLint
- Lint Staged Setup - Learn about how to setup lint-staged
- Standard Version - Learn about how to setup standar version