1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-styled-components/pages/_document.js

26 lines
651 B
JavaScript
Raw Normal View History

import Document, { Head, Main, NextScript } from 'next/document'
import styleSheet from 'styled-components/lib/models/StyleSheet'
export default class MyDocument extends Document {
2016-12-22 08:10:17 +00:00
static async getInitialProps ({ renderPage }) {
const page = renderPage()
const style = styleSheet.rules().map(rule => rule.cssText).join('\n')
2016-12-22 08:10:17 +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>
)
}
}