next.js/examples/with-cxs/pages/_document.js

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

export default class MyDocument extends Document {
  static async getInitialProps ({ renderPage }) {
    const page = renderPage()
    const style = cxs.getCss()
    return { ...page, style }
  }

  render () {
    return (
      <html>
        <Head>
          <title>My page</title>
          <style dangerouslySetInnerHTML={{ __html: this.props.style }} />
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </html>
    )
  }
}
Add cxs example. (#613) * add cxs example * fix example location 2017-01-02 06:35:14 +00:00			`import Document, { Head, Main, NextScript } from 'next/document'`
			`import cxs from 'cxs'`

			`export default class MyDocument extends Document {`
			`static async getInitialProps ({ renderPage }) {`
			`const page = renderPage()`
Render styled-jsx in _document example (#1287) 2017-02-27 23:45:49 +00:00			`const style = cxs.getCss()`
Add cxs example. (#613) * add cxs example * fix example location 2017-01-02 06:35:14 +00:00			`return { ...page, style }`
			`}`

			`render () {`
			`return (`
			`<html>`
			`<Head>`
			`<title>My page</title>`
			`<style dangerouslySetInnerHTML={{ __html: this.props.style }} />`
			`</Head>`
			`<body>`
			`<Main />`
			`<NextScript />`
			`</body>`
			`</html>`
			`)`
			`}`
			`}`