mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
3a0fe4349c
For instance:
```css
.MuiGrid-gutter-xs-8-1393152966 > .MuiGrid-typeItem-3088349198 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
```
46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
import React from 'react'
|
|
import Document, { Head, Main, NextScript } from 'next/document'
|
|
import { getDefaultContext, setDefaultContext } from '../styles/createDefaultContext'
|
|
|
|
export default class MyDocument extends Document {
|
|
static async getInitialProps (ctx) {
|
|
setDefaultContext()
|
|
const page = ctx.renderPage()
|
|
const styleContext = getDefaultContext()
|
|
return {
|
|
...page,
|
|
styles: <style id='jss-server-side' dangerouslySetInnerHTML={{ __html: styleContext.styleManager.sheetsToString() }} />
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const styleContext = getDefaultContext()
|
|
return (
|
|
<html lang='en'>
|
|
<Head>
|
|
<title>My page</title>
|
|
<meta charSet='utf-8' />
|
|
{/* Use minimum-scale=1 to enable GPU rasterization */}
|
|
<meta
|
|
name='viewport'
|
|
content={
|
|
'user-scalable=0, initial-scale=1, maximum-scale=1, ' +
|
|
'minimum-scale=1, width=device-width, height=device-height'
|
|
}
|
|
/>
|
|
{/* PWA primary color */}
|
|
<meta name='theme-color' content={styleContext.theme.palette.primary[500]} />
|
|
<link
|
|
rel='stylesheet'
|
|
href='https://fonts.googleapis.com/css?family=Roboto:300,400,500'
|
|
/>
|
|
</Head>
|
|
<body>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|
|
}
|