Skip to content
Permalink
material-ui/pages/_document.js
Newer
Older
Raw Normal view History
100644 124 lines (116 sloc) 3.95 KB
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
1
// @flow
2
3
import React from 'react';
4
import Document, { Head, Main, NextScript } from 'next/document';
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
5
import CleanCSS from 'clean-css';
@oliviertassinari
[docs] Add google analytics (#8247)
Sep 17, 2017
6
import getContext from 'docs/src/modules/styles/getContext';
7
import config from 'docs/src/config';
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
8
9
const cleanCSS = new CleanCSS();
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
10
11
class MyDocument extends Document {
12
render() {
13
return (
14
<html lang="en" dir="ltr">
15
<Head>
16
<title>Material-UI</title>
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
17
<meta
18
name="description"
19
content="React Components that Implement Google's Material Design."
20
/>
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
21
<meta charSet="utf-8" />
22
{/* Use minimum-scale=1 to enable GPU rasterization */}
23
<meta
24
name="viewport"
25
content={
26
'user-scalable=0, initial-scale=1, ' +
27
'minimum-scale=1, width=device-width, height=device-height'
28
}
29
/>
30
{/*
31
manifest.json provides metadata used when your web app is added to the
32
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
33
*/}
34
<link rel="manifest" href="/static/manifest.json" />
35
{/* PWA primary color */}
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
36
<meta name="theme-color" content={this.props.stylesContext.theme.palette.primary[500]} />
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
37
<link
38
rel="stylesheet"
39
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
40
/>
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
41
<style id="insertion-point-jss" />
42
{/* Twitter */}
@oliviertassinari
[core] Small improvements (#8084)
Sep 7, 2017
43
<meta name="twitter:card" content="summary" />
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
44
<meta name="twitter:site" content="@MaterialUI" />
45
<meta name="twitter:title" content="Material-UI" />
46
<meta
47
name="twitter:description"
48
content="React Components that Implement Google's Material Design."
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
49
/>
@oliviertassinari
[docs] Move docs to https://material-ui-next.com (#8495)
Oct 1, 2017
50
<meta name="twitter:image" content="https://material-ui-next.com/static/brand.png" />
@oliviertassinari
[core] Small improvements (#8084)
Sep 7, 2017
51
{/* Facebook */}
52
<meta property="og:type" content="website" />
53
<meta property="og:title" content="Material-UI" />
54
<meta
55
property="og:description"
56
content="React Components that Implement Google's Material Design."
57
/>
@oliviertassinari
[docs] Move docs to https://material-ui-next.com (#8495)
Oct 1, 2017
58
<meta property="og:image" content="https://material-ui-next.com/static/brand.png" />
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
59
<link rel="shortcut icon" href="/static/favicon.ico" />
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
60
</Head>
61
<body>
62
<Main />
@oliviertassinari
[docs] Add google analytics (#8247)
Sep 17, 2017
63
{/* Global Site Tag (gtag.js) - Google Analytics */}
64
<script async src={`https://www.googletagmanager.com/gtag/js?id=${config.google.id}`} />
65
<script
66
// eslint-disable-next-line react/no-danger
67
dangerouslySetInnerHTML={{
68
__html: `
69
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};
70
gtag('js', new Date());
71
`,
72
}}
73
/>
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
74
<NextScript />
@oliviertassinari
[docs] Add google analytics (#8247)
Sep 17, 2017
75
<script async src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js" />
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
76
</body>
77
</html>
78
);
79
}
80
}
81
82
MyDocument.getInitialProps = ctx => {
83
// Resolution order
84
//
85
// On the server:
86
// 1. page.getInitialProps
87
// 2. document.getInitialProps
88
// 3. page.render
89
// 4. document.render
90
//
91
// On the server with error:
92
// 2. document.getInitialProps
93
// 3. page.render
94
// 4. document.render
95
//
96
// On the client
97
// 1. page.getInitialProps
98
// 3. page.render
99
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
100
// Get the context to collected side effects.
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
101
const context = getContext();
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
102
const page = ctx.renderPage(Component => props => (
@oliviertassinari
[docs] Take insertionPoint option into account (#8497)
Oct 1, 2017
103
<Component sheetsRegistry={context.sheetsRegistry} {...props} />
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
104
));
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
105
106
let css = context.sheetsRegistry.toString();
107
if (process.env.NODE_ENV === 'production') {
108
css = cleanCSS.minify(css).styles;
109
}
110
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
111
return {
112
...page,
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
113
stylesContext: context,
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
114
styles: (
115
<style
116
id="jss-server-side"
117
// eslint-disable-next-line react/no-danger
@oliviertassinari
[docs] Some last improvement before the release (#7847)
Aug 20, 2017
118
dangerouslySetInnerHTML={{ __html: css }}
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
119
/>
120
),
121
};
122
};
123
124
export default MyDocument;