Using Saas UI in Next.js (App)
A guide for installing Saas UI with Next.js app directory
Templates
Use one of the following templates to get started quickly. The templates are configured correctly to use Saas UI.
Installation
The minimum node version required is Node.20.x
1
Install dependencies
npm i @saas-ui/react@next @chakra-ui/react @emotion/react2
Setup provider
Wrap your application with the SuiProvider at the root of your application.
import { SuiProvider, defaultSystem } from '@saas-ui/react'