From 5f2d4ba39a19e2900192a69a58ee211f4eda9a98 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Fri, 22 Jun 2018 14:23:49 -0400 Subject: stepped solutions --- stepped-solutions/10/frontend/pages/_document.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 stepped-solutions/10/frontend/pages/_document.js (limited to 'stepped-solutions/10/frontend') diff --git a/stepped-solutions/10/frontend/pages/_document.js b/stepped-solutions/10/frontend/pages/_document.js new file mode 100644 index 0000000..0ac8935 --- /dev/null +++ b/stepped-solutions/10/frontend/pages/_document.js @@ -0,0 +1,23 @@ +import Document, { Head, Main, NextScript } from 'next/document'; +import { ServerStyleSheet } from 'styled-components'; + +export default class MyDocument extends Document { + static getInitialProps({ renderPage }) { + const sheet = new ServerStyleSheet(); + const page = renderPage(App => props => sheet.collectStyles()); + const styleTags = sheet.getStyleElement(); + return { ...page, styleTags }; + } + + render() { + return ( + + {this.props.styleTags} + +
+ + + + ); + } +} -- cgit v1.3