Hey @davibe , thanks for the example.

Just today I was looking to add an external CSS file. I got it working with babel-plugin-inline-import.

After a quick look into your example I noticed a couple things:

1. One should inject a string of CSS into a jsx <style>-tag with dangerouslySetInnerHTML otherwise the string will get escaped (noticeable when using " or ' as in font-family: "Comic Sans", serif).
2. My understanding is that on the server side code doesn't get bundled with Webpack so your SCSS example might not be working when rendering server side?

1. Right, i fixed this.
2. It works fine, i just checked. You can try with curl and see the initial page content. Last time i read the next.js sources I understood that webpack is used to generate the files for the client but those are the same files that are loaded, reloaded and executed by the server when it has to render. So webpack babel transpilation has already occurred for both sides, unless i missed something :)

You're all doing such awesome work 💖

Yes. I would like to keep it in sync with the repo because i can track issues there and sync-back from time to time