Next.js + Mantine UI template

This is a template for Next.js app router + Mantine. If you want to use pages router instead, see next-pages-template.

Features

This template comes with the following features:

• PostCSS with mantine-postcss-preset
• TypeScript
• Storybook
• Jest setup with React Testing Library
• ESLint setup with 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

Testing scripts

• test – runs jest.
• test:watch – runs jest in watch mode

Linting and formatting scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• format – formats all files with Prettier
• format:check – checks files with Prettier

Other scripts

• storybook – starts storybook dev server
• storybook:build – build production storybook bundle to storybook-static