ecwk / nextjs-mantine-template

Template for NextJS with Mantine UI

nextjs-mantine-template

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

• pnpm
• Node.js (^v14.16.

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

2. Install dependencies

pnpm install

3. Start the development server

pnpm dev

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