next-vanilla-extract

🧁 next-vanilla-extract

Next.js plugin for Vanilla Extract that supports fast refresh. Adapted from the Next.js Treat plugin.

Setup

1. Install the dependencies

npm i next-vanilla-extract @vanilla-extract/babel-plugin

1. Add the Next.js plugin to your next.config.js file

const withVanillaExtract =
  require('next-vanilla-extract')(/* Your custom @vanilla-extract/webpack-plugin config */);

module.exports = withVanillaExtract(/* Your custom Next.js config */);

1. Add the Babel plugin to your .babelrc file

{
  "presets": ["next/babel"],
  "plugins": ["@vanilla-extract/babel-plugin"]
}

License

MIT