diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-06-14 16:44:21 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-06-14 16:44:21 -0400 |
| commit | b1600adec47a04f60e1da07d94a3ed3906ff5aee (patch) | |
| tree | 828f786da6806d7237ee5cbc5df61e552353b85b /finished-application/frontend/pages/_document.js | |
| parent | a95e08cd2dd5d7ec0a0412adae02515a5f9cec4f (diff) | |
starter files
Diffstat (limited to 'finished-application/frontend/pages/_document.js')
| -rw-r--r-- | finished-application/frontend/pages/_document.js | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/finished-application/frontend/pages/_document.js b/finished-application/frontend/pages/_document.js new file mode 100644 index 0000000..a5a28cc --- /dev/null +++ b/finished-application/frontend/pages/_document.js @@ -0,0 +1,25 @@ +import Document, { Head, Main, NextScript } from 'next/document'; +import { ServerStyleSheet } from 'styled-components'; + +class MyDocument extends Document { + static getInitialProps({ renderPage }) { + const sheet = new ServerStyleSheet(); + const page = renderPage(App => props => sheet.collectStyles(<App {...props} />)); + const styleTags = sheet.getStyleElement(); + return { ...page, styleTags }; + } + + render() { + return ( + <html> + <Head>{this.props.styleTags}</Head> + <body> + <Main /> + <NextScript /> + </body> + </html> + ); + } +} + +export default MyDocument; |