Next.js Mantine Boilerplate v1.4.0

A fully featured, production-ready template to jumpstart your new project. Built with Next.js 16, React 19, Mantine v9, react-query-ease for simplified API integration, and modern tooling like Biome.

LoginDashboard

Why Use This Template?

Cutting Edge Performance

Leverage the power of Next.js 16 and React 19 (RC) with the new React Compiler enabled for optimal speed and SEO.

Blazing Fast Tooling

Replaced ESLint and Prettier with Biome - a fast, Rust-based toolchain for formatting and linting that saves you time.

Mantine UI v8

Built on the latest version of Mantine, offering a comprehensive suite of accessible and customizable components.

Robust State Management

Includes Zustand for global client state and TanStack Query for efficient server state and data fetching.

Modern Tooling Stack

We've hand-picked the best modern tools to ensure a smooth developer experience and a high-quality codebase.

Next.js 16

The latest framework features including Server Actions and enhanced routing.

React 19

Future-ready with Actions, Optimistic UI updates, and the React Compiler.

Biome

Unified formatter and linter. It's incredibly fast and reduces configuration fatigue.

TypeScript 5

Latest type safety features to catch errors early and improve maintainability.

Zustand

A small, fast, and scalable bearbones state-management solution.

Husky & Commitlint

Ensures all commits meet standard conventions and code quality checks before pushing.

Quick Links

Essential resources and documentation for the technologies used in this boilerplate.

Next.js

The React Framework for the Web

React

The library for web and native user interfaces

Mantine

A fully featured React component library

Biome

Toolchain of the web

Zustand

Global state manager in react/next

Repository

View the source code for this template

How to use this template

Follow these simple steps to get your project up and running:

  • Clone the repository and navigate to the project directory.
  • Install dependencies using your preferred package manager:
    npm install
  • Start the development server to see changes in real-time:
    npm run dev
  • Start building your application by modifying src/app/page.tsx.

Share This Template

Help others discover this production-ready boilerplate

Get in Touch

Get in Touch

Have questions or want to collaborate? Reach out!

Email:

dashashutosh1999@gmail.com

Website: ashutoshdash.in