https://github.com/husniadil/nmaterial
A ready-to-use Next.js + Material UI boilerplate.
https://github.com/husniadil/nmaterial
boilerplate material-ui-next nextjs nextjs-boilerplate progressive-web-app pwa-boilerplate pwa-example
Last synced: 2 months ago
JSON representation
A ready-to-use Next.js + Material UI boilerplate.
- Host: GitHub
- URL: https://github.com/husniadil/nmaterial
- Owner: husniadil
- License: mit
- Created: 2020-12-26T10:29:36.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-12-26T13:15:46.000Z (over 5 years ago)
- Last Synced: 2025-05-25T00:23:16.542Z (about 1 year ago)
- Topics: boilerplate, material-ui-next, nextjs, nextjs-boilerplate, progressive-web-app, pwa-boilerplate, pwa-example
- Language: TypeScript
- Homepage: https://nmaterial.stringjet.com
- Size: 860 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# nmaterial
Save your time by using this ready-to-use boilerplate. Featuring:
- [Next.js](https://nextjs.org)
- [Material UI](https://material-ui.com)
- [TypeScript](https://www.typescriptlang.org/)
- Preconfigured support tools:
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [husky](https://github.com/typicode/husky)
- [lint-staged](https://github.com/okonet/lint-staged)
- [EditorConfig](https://editorconfig.org/)
- [patch-package](https://github.com/ds300/patch-package)
- Dark/light theme support
- PWA ready
- Prebuilt opinionated app container with drawer
## Getting Started
```bash
git clone https://github.com/husniadil/nmaterial
cd nmaterial
# then
npm install
# or
yarn
# then
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
To learn more about Material UI, take a look at the following resources:
- [Material UI Guides](https://material-ui.com/guides/api/) - learn API design approach and best practices.
- [Component](https://material-ui.com/components/box/) - learn using component by example.
## Cool apps to power your PWA app
- [PWABuilder](https://www.pwabuilder.com) - creates Android, Microsoft, and Samsung apps from PWA site.
- [Favicon Generator](https://realfavicongenerator.net) - generate icons in various dimensions.
- [Maskable.app Editor](https://maskable.app/editor) - creates maskable icon.