Skip to content
Permalink
material-ui/examples/nextjs/pages/_document.js
Newer
Older
Raw Normal view History
100644 99 lines (90 sloc) 2.39 KB
@oliviertassinari
[flow] Fixes (#7886)
Aug 23, 2017
1
import React from 'react';
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
2
import PropTypes from 'prop-types';
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
3
import Document, { Head, Main, NextScript } from 'next/document';
@shibukawa @oliviertassinari
[docs] Fix next.js example to enable styled-jsx with material-ui (#10580
Mar 9, 2018
4
import flush from 'styled-jsx/server';
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
5
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
6
class MyDocument extends Document {
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
7
render() {
@oliviertassinari
[examples] Use Reboot (#9691)
Jan 1, 2018
8
const { pageContext } = this.props;
9
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
10
return (
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
11
<html lang="en" dir="ltr">
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
12
<Head>
13
<meta charSet="utf-8" />
14
{/* Use minimum-scale=1 to enable GPU rasterization */}
15
<meta
16
name="viewport"
@oliviertassinari
[docs] Document the meta viewport (#12541)
Aug 15, 2018
17
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
18
/>
19
{/* PWA primary color */}
@oliviertassinari
[docs] Add a next.js demo with hooks (#13920)
Dec 19, 2018
20
<meta
21
name="theme-color"
22
content={pageContext ? pageContext.theme.palette.primary.main : null}
23
/>
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
24
<link
25
rel="stylesheet"
26
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
27
/>
28
</Head>
29
<body>
30
<Main />
31
<NextScript />
32
</body>
33
</html>
34
);
35
}
36
}
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
37
38
MyDocument.getInitialProps = ctx => {
39
// Resolution order
40
//
41
// On the server:
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
42
// 1. app.getInitialProps
43
// 2. page.getInitialProps
44
// 3. document.getInitialProps
45
// 4. app.render
46
// 5. page.render
47
// 6. document.render
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
48
//
49
// On the server with error:
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
50
// 1. document.getInitialProps
51
// 2. app.render
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
52
// 3. page.render
53
// 4. document.render
54
//
55
// On the client
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
56
// 1. app.getInitialProps
57
// 2. page.getInitialProps
58
// 3. app.render
59
// 4. page.render
60
61
// Render app and page and get the context of the page with collected side effects.
62
let pageContext;
63
const page = ctx.renderPage(Component => {
64
const WrappedComponent = props => {
65
pageContext = props.pageContext;
66
return <Component {...props} />;
67
};
68
69
WrappedComponent.propTypes = {
70
pageContext: PropTypes.object.isRequired,
71
};
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
72
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
73
return WrappedComponent;
74
});
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
75
@oliviertassinari
[docs] Add a next.js demo with hooks (#13920)
Dec 19, 2018
76
let css;
77
// It might be undefined, e.g. after an error.
78
if (pageContext) {
79
css = pageContext.sheetsRegistry.toString();
80
}
81
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
82
return {
83
...page,
@oliviertassinari
[examples] Use Reboot (#9691)
Jan 1, 2018
84
pageContext,
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
85
// Styles fragment is rendered after the app and page rendering finish.
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
86
styles: (
@shibukawa @oliviertassinari
[docs] Fix next.js example to enable styled-jsx with material-ui (#10580
Mar 9, 2018
87
<React.Fragment>
88
<style
89
id="jss-server-side"
90
// eslint-disable-next-line react/no-danger
@oliviertassinari
[docs] Add a next.js demo with hooks (#13920)
Dec 19, 2018
91
dangerouslySetInnerHTML={{ __html: css }}
@shibukawa @oliviertassinari
[docs] Fix next.js example to enable styled-jsx with material-ui (#10580
Mar 9, 2018
92
/>
93
{flush() || null}
94
</React.Fragment>
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
95
),
96
};
97
};
98
99
export default MyDocument;