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 next@9.5.4 or above.

For next@9.2.0-9.5.3 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 linaria

or

yarn add next-linaria 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)