Yumma CSS and Next.js
Install Yumma CSS with Next js.
-
Install Yumma CSS:
Install the Yumma CSS Library using a package manager.
Installing dependencies... npm install yummacss@latest -
Include
yummacss
in your main CSS file:app/globals.css /* Minified Version */@import "yummacss/dist/yumma.min.css"; -
Start development server
Start your application using
npm run dev
.Terminal npm run dev -
Done!
You’re all set to start using Yumma CSS utility classes in your project.
app/page.tsx export default function Home() {return (<div className="h-1/1 ins"><h1 className="fs-xxl fw-500 tc-pink">Yumma CSS + Next.js</h1></div>);}
Project example
If you’re having trouble with Yumma CSS, clone this Next.js example.
-
Cloning repository
Cloning repository... git clone https://github.com/yumma-lib/nextjs-yummacss-example.git -
Installing dependencies
Installing dependencies... npm install -
Start development server
Terminal npm run dev