next.js/examples/with-external-scoped-css/pages/_document.js

import React from 'react'
import Document, { Head, Main, NextScript } from 'next/document'

export default class MyDocument extends Document {
  static getInitialProps ({ renderPage }) {
    const { html, head, errorHtml, chunks } = renderPage()
    return { html, head, errorHtml, chunks }
  }

  render () {
    return (
      <html>
        <Head>
          <link rel='stylesheet' href='/static/css/bundle.css' />
        </Head>
        <body>
          {this.props.customValue}
          <Main />
          <NextScript />
        </body>
      </html>
    )
  }
}
Example to create next application with scoped/external css. (#1340) * First structure for external css example * Remove: Builded files * Fix: Identation to 2 spaces * Fix example * Fix lint * Fix: Review points 2017-03-15 14:21:48 +00:00			`import React from 'react'`
			`import Document, { Head, Main, NextScript } from 'next/document'`

			`export default class MyDocument extends Document {`
			`static getInitialProps ({ renderPage }) {`
Add missing variables (#2905) 2017-09-05 19:43:31 +00:00			`const { html, head, errorHtml, chunks } = renderPage()`
			`return { html, head, errorHtml, chunks }`
Example to create next application with scoped/external css. (#1340) * First structure for external css example * Remove: Builded files * Fix: Identation to 2 spaces * Fix example * Fix lint * Fix: Review points 2017-03-15 14:21:48 +00:00			`}`

			`render () {`
			`return (`
			`<html>`
			`<Head>`
			`<link rel='stylesheet' href='/static/css/bundle.css' />`
			`</Head>`
			`<body>`
			`{this.props.customValue}`
			`<Main />`
			`<NextScript />`
			`</body>`
			`</html>`
			`)`
			`}`
			`}`