https://github.com/mantinedev/next-app-template

Mantine + Next.js app router template (7.0+)
https://github.com/mantinedev/next-app-template

mantine nextjs react

Last synced: 6 days ago
JSON representation

Mantine + Next.js app router template (7.0+)

• Host: GitHub
• URL: https://github.com/mantinedev/next-app-template
• Owner: mantinedev
• License: mit
• Created: 2023-05-28T06:41:06.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-12-24T08:29:56.000Z (about 1 month ago)
• Last Synced: 2025-01-05T15:05:44.529Z (20 days ago)
• Topics: mantine, nextjs, react
• Language: TypeScript
• Homepage: https://mantine.dev/guides/next
• Size: 8.24 MB
• Stars: 281
• Watchers: 6
• Forks: 134
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-mantine - mantinedev/next-app-template - Mantine + Next.js app router template (7.0+) (Boilerplates)
• jimsghstars - mantinedev/next-app-template - Mantine + Next.js app router template (7.0+) (TypeScript)

README

        
# Mantine Next.js template

This is a template for [Next.js](https://nextjs.org/) app router + [Mantine](https://mantine.dev/).

If you want to use pages router instead, see [next-pages-template](https://github.com/mantinedev/next-pages-template).

## Features

This template comes with the following features:

- [PostCSS](https://postcss.org/) with [mantine-postcss-preset](https://mantine.dev/styles/postcss-preset)

- [TypeScript](https://www.typescriptlang.org/)

- [Storybook](https://storybook.js.org/)

- [Jest](https://jestjs.io/) setup with [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)

- ESLint setup with [eslint-config-mantine](https://github.com/mantinedev/eslint-config-mantine)

## npm scripts

### Build and dev scripts

- `dev` – start dev server

- `build` – bundle application for production

- `analyze` – analyzes application bundle with [@next/bundle-analyzer](https://www.npmjs.com/package/@next/bundle-analyzer)

### Testing scripts

- `typecheck` – checks TypeScript types

- `lint` – runs ESLint

- `prettier:check` – checks files with Prettier

- `jest` – runs jest tests

- `jest:watch` – starts jest watch

- `test` – runs `jest`, `prettier:check`, `lint` and `typecheck` scripts

### Other scripts

- `storybook` – starts storybook dev server

- `storybook:build` – build production storybook bundle to `storybook-static`

- `prettier:write` – formats all files with Prettier