Next.js + Linaria

Adds Linaria to built-in CSS support in Next.js.

The version 1.0.0 and above only works with linaria@3. If you need support for linaria@2, please use version 0.11.0 of this package.

The version 0.11.0 of this package requires [email protected] or above.

For [email protected] use version 0.10.0 of this package.

This module is intended to be used with Next.js built-in CSS support (https://nextjs.org/docs/basic-features/built-in-css-support) and probably will not work with custom CSS handling.

Installation

npm install --save next-linaria-mdx linaria

or

yarn add next-linaria-mdx linaria

Usage

Create a next.config.js in your project

// next.config.js
const withLinaria = require("next-linaria");
module.exports = withLinaria({
  /* config options here */
});

Linaria options

// next.config.js
const withLinaria = require("next-linaria");
module.exports = withLinaria({
  linaria: {
    /* linaria options here */
  },
});

Configuring Next.js

Optionally you can add your custom Next.js configuration as parameter

// next.config.js
const withLinaria = require("next-linaria");
module.exports = withLinaria({
  webpack(config, options) {
    return config;
  },
});

License

The MIT License (MIT)