https://github.com/gfazioli/next-app-nextra-template
Template for NextJS app router + Mantine UI + Nextra
https://github.com/gfazioli/next-app-nextra-template
mantine mantine-ui mantine-v7 mantine-v8 nextjs nextjs-app-router nextjs15 nextjs15-typescript nextra nextra-docs nextra-theme-docs reactjs typescript
Last synced: 12 days ago
JSON representation
Template for NextJS app router + Mantine UI + Nextra
- Host: GitHub
- URL: https://github.com/gfazioli/next-app-nextra-template
- Owner: gfazioli
- License: mit
- Created: 2025-02-08T16:44:30.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-09T06:38:33.000Z (14 days ago)
- Last Synced: 2025-06-09T07:34:29.526Z (14 days ago)
- Topics: mantine, mantine-ui, mantine-v7, mantine-v8, nextjs, nextjs-app-router, nextjs15, nextjs15-typescript, nextra, nextra-docs, nextra-theme-docs, reactjs, typescript
- Language: TypeScript
- Homepage: https://next-app-nextra-template.vercel.app
- Size: 5 MB
- Stars: 11
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-mantine - gfazioli/next-app-nextra-template - Mantine + Next.js app router + Nextra 4 template (7.0+) + [Live Demo](https://next-app-nextra-template.vercel.app/) (Boilerplates)
README
# Mantine Next.js + Nextra template
This is a template for [Next.js](https://nextjs.org/) app router + [Mantine](https://mantine.dev/) + [Nextra](https://nextra.site/) documentation site.
## 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)
- Provides API example in `/api/version`
## Nextra Features
- [Nextra](https://nextra.site/) documentation site with Mantine theme
- Sync Dark mode between documentation and application (Mantine/Nextra)
- Customizable components in `components` folder
- Provides new Navigation and Footer components for Nextra documentation site
## Folder structure
- `components` – shared components
- you can use them in both documentation and application
- you may customize them to fit your needs
- `content` – Nextra documentation site (.mdx and _meta.json files)
## 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