Next.js - import css file does not work

Question

I am creating a project with react, redux and next.js, and want to import CSS files in js.

I followed instructions in next.js/#css and next-css, but find out that CSS st

Answer 1

As Zeit said :

1. Create a /static folder at the same level the /pages folder.
2. In that folder put your .css files
3. In your page components import Head and add a to your CSS.

import Head from 'next/head'

function IndexPage() {
  return (
    

      
        
        
      
      
Hello world!
    
  )
}

export default IndexPage

And that's it, this way Next.js should render the link tag in the head of the page and the browser will download the CSS and apply it.

Thanks Sergiodxa at Github for this clear solution.