/next-app-mantine-v7-tss-template

Mantine V7 using TSS for stying in a Nextjs 14 with app dir project

Primary LanguageTypeScriptMIT LicenseMIT

Demo site

👀 View this repo deployed here.

Getting Started

Install deps and run the development server:

yarn && yarn dev

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

About

This template is a minimal demonstration of Mantine V7 in a Nextjs 14 app dir project, using TSS for styling. This enables you to use Mantine V7 with CSS-in-JS.

It's worth noting that you can extend TSS much further than what is demonstrated here. You could create your own custom instance of useStyles as demonstrated in the standalone example here, then pass your Mantine theme, as well as other related helper functions, directly into it.