- Install
next-css
andnext-purgecss
:
yarn install @zeit/next-css next-purgecss --dev
or
npm install @zeit/next-css next-purgecss --save-dev
- Next-css compiles your stylesheet to
.next/static/style.css
, so you need to include it in your page.
// ./pages/_document.js
import Document, { Head, Main, NextScript } from 'next/document'
export default class MyDocument extends Document {
render() {
return (
<html>
<Head>
<link rel="stylesheet" href="/_next/static/style.css" />
</Head>
<body>
<Main />
<NextScript />
</body>
</html>
)
}
}
More information : next-css.
- Edit
next.config.js
// next.config.js
const withCss = require('@zeit/next-css')
const withPurgeCss = require('next-purgecss')
module.exports = withCss(withPurgeCss())