Skip to content
Permalink
material-ui/examples/nextjs/pages/_document.js
Newer
Older
Raw Normal view History
100644 90 lines (82 sloc) 2.23 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 */}
@blainegarrett @oliviertassinari
[examples] Update next.js PWA color (#10749)
Mar 21, 2018
20
<meta name="theme-color" content={pageContext.theme.palette.primary.main} />
@oliviertassinari
[examples] Take ownership on the next.js example (#7703)
Aug 8, 2017
21
<link
22
rel="stylesheet"
23
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
24
/>
25
</Head>
26
<body>
27
<Main />
28
<NextScript />
29
</body>
30
</html>
31
);
32
}
33
}
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
34
35
MyDocument.getInitialProps = ctx => {
36
// Resolution order
37
//
38
// On the server:
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
39
// 1. app.getInitialProps
40
// 2. page.getInitialProps
41
// 3. document.getInitialProps
42
// 4. app.render
43
// 5. page.render
44
// 6. document.render
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
45
//
46
// On the server with error:
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
47
// 1. document.getInitialProps
48
// 2. app.render
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
49
// 3. page.render
50
// 4. document.render
51
//
52
// On the client
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
53
// 1. app.getInitialProps
54
// 2. page.getInitialProps
55
// 3. app.render
56
// 4. page.render
57
58
// Render app and page and get the context of the page with collected side effects.
59
let pageContext;
60
const page = ctx.renderPage(Component => {
61
const WrappedComponent = props => {
62
pageContext = props.pageContext;
63
return <Component {...props} />;
64
};
65
66
WrappedComponent.propTypes = {
67
pageContext: PropTypes.object.isRequired,
68
};
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
69
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
70
return WrappedComponent;
71
});
@oliviertassinari
[SSR] Remove the singleton hack ✨ (#7965)
Aug 31, 2017
72
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
73
return {
74
...page,
@oliviertassinari
[examples] Use Reboot (#9691)
Jan 1, 2018
75
pageContext,
@NikitaVlaznev @oliviertassinari
[docs] Use _app.js instead of wrapping every page by withRoot() (#11989)
Jun 27, 2018
76
// Styles fragment is rendered after the app and page rendering finish.
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
77
styles: (
@shibukawa @oliviertassinari
[docs] Fix next.js example to enable styled-jsx with material-ui (#10580
Mar 9, 2018
78
<React.Fragment>
79
<style
80
id="jss-server-side"
81
// eslint-disable-next-line react/no-danger
82
dangerouslySetInnerHTML={{ __html: pageContext.sheetsRegistry.toString() }}
83
/>
84
{flush() || null}
85
</React.Fragment>
@oliviertassinari
[docs] Use next.js (#7759)
Aug 18, 2017
86
),
87
};
88
};
89
90
export default MyDocument;