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: 4 months 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-02T09:56:05.000Z (11 months ago)
- Last Synced: 2025-07-09T09:15:10.401Z (11 months 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: 7.14 MB
- Stars: 14
- Watchers: 1
- Forks: 3
- 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
[
❤️ If this component has been useful to you or your team, please consider becoming a sponsor
](https://github.com/sponsors/gfazioli?o=esc)
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`
- Turbopack inline SVG loader [turbopack-inline-svg-loader](https://github.com/vitalets/turbopack-inline-svg-loader)
## 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
## Sponsor
[
❤️ If this component has been useful to you or your team, please consider becoming a sponsor
](https://github.com/sponsors/gfazioli?o=esc)
Your support helps me:
- Keep the project actively maintained with timely bug fixes and security updates
- Add new features, improve performance, and refine the developer experience
- Expand test coverage and documentation for smoother adoption
- Ensure long‑term sustainability without relying on ad hoc free time
- Prioritize community requests and roadmap items that matter most
Open source thrives when those who benefit can give back—even a small monthly contribution makes a real difference. Sponsorships help cover maintenance time, infrastructure, and the countless invisible tasks that keep a project healthy.
Your help truly matters.
💚 [Become a sponsor](https://github.com/sponsors/gfazioli?o=esc) today and help me keep this project reliable, up‑to‑date, and growing for everyone.
[](https://www.star-history.com/#gfazioli/next-app-nextra-template&Timeline)