2018-04-12 08:33:22 +00:00
|
|
|
import Document, { Head, Main, NextScript } from 'next/document'
|
|
|
|
|
|
|
|
|
|
export default class MyDocument extends Document {
|
|
|
|
|
static async getInitialProps (ctx) {
|
|
|
|
|
const initialProps = await Document.getInitialProps(ctx)
|
|
|
|
|
return { ...initialProps, customProperty: 'Hello Document' }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render () {
|
|
|
|
|
return (
|
|
|
|
|
<html>
|
2018-06-28 18:16:30 +00:00
|
|
|
<Head nonce='test-nonce'>
|
2018-04-12 08:33:22 +00:00
|
|
|
<style>{`body { margin: 0 } /* custom! */`}</style>
|
|
|
|
|
</Head>
|
|
|
|
|
<body className='custom_class'>
|
|
|
|
|
<p id='custom-property'>{this.props.customProperty}</p>
|
|
|
|
|
<p id='document-hmr'>Hello Document HMR</p>
|
|
|
|
|
<Main />
|
2018-06-28 18:16:30 +00:00
|
|
|
<NextScript nonce='test-nonce' />
|
2018-04-12 08:33:22 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
