Example with next.js

[shashkovdanil]

Need example with next.js

[shashkovdanil]

Complete: https://github.com/zeit/next.js/tree/canary/examples/with-astroturf

[stephenburns-accedo]

This example is no longer available on this url ^

[rvetere]

Example for next.js would highly be appreciated!

Best i've found so far: vercel/next.js#9242 (comment)

[anatol-grabowski]

Here is (most likely) the example from the link above: https://github.com/shashkovdanil/next.js/tree/9f6dcae4888f48e042d82d493c405224fbe978fa/examples/with-astroturf

Here is what kind of worked for me on a clean next.js (13.4.8) project:

yarn add astroturf postcss-nested

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    'postcss-nested': {},
  },
}

// next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: config => {
    config.module.rules.push({
      test: /\.tsx$/,
      use: ['astroturf/loader']
    })
    return config
  }
}

module.exports = nextConfig

Unfortunately styles are not updated on hot reload. Any ideas how to fix it?