/nextjs-mantine-template

Template for NextJS with Mantine UI

Primary LanguageTypeScript

nextjs-mantine-template

image

This is a fully-featured full-stack Next.js template, built with Mantine UI and Typescript.

Whats Included

📦 Libraries, Tools, and Frameworks

  • ⚛ Libraries
    react-hook-form, react-query, axios, next-seo, yup
  • 🔧 Tools
    commitlint, husky, eslint, prettier
  • 📦 Frameworks
    next, mantine-ui, next-i18next

🏗 Next.js Layouts

Next.js Layouts are a great way to apply a consistent structure to your pages.

Page-specific layouts can be rendered by providing the getLayout function.

😎 Smart Form Components

React Hook Form is used to create Smart Form Components.

🔒 Server-Side Authentication

Server-side authentication is implemented using Next.JS data fetching methods. Authenticated sessions are stored using React Context.

💪 GitHub Actions

GitHub Actions with CI/CD workflows are included.

Prerequisites

Getting Started

  1. Use the template

You can either click the Use this template button or use degit.

pnpm dlx degit cnoside/nextjs-mantine-template my-app
  1. Install dependencies
pnpm install
  1. Start the development server
pnpm dev

Open http://localhost:3000 with your browser to see the result.