material-ui/pages/_document.js at 65be538164528804a2e5702f6faefdf06e6ab9de · mui/material-ui

[docs] Use next.js (#7759 )

Aug 18, 2017

1

import React from 'react';

2

import Document, { Head, Main, NextScript } from 'next/document';

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

3

import CleanCSS from 'clean-css';

[examples] Use Reboot (#9691 )

Jan 1, 2018

4

import getPageContext from 'docs/src/modules/styles/getPageContext';

[docs] Add google analytics (#8247 )

Sep 17, 2017

5

import config from 'docs/src/config';

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

6

7

const cleanCSS = new CleanCSS();

[docs] Use next.js (#7759 )

Aug 18, 2017

8

9

class MyDocument extends Document {

10

render() {

[examples] Use Reboot (#9691 )

Jan 1, 2018

11

const { canonical, pageContext } = this.props;

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

12

[docs] Use next.js (#7759 )

Aug 18, 2017

13

return (

14

15

<Head>

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

16

<meta

17

name="description"

18

content="React Components that Implement Google's Material Design."

19

/>

[docs] Use next.js (#7759 )

Aug 18, 2017

20

{/* Use minimum-scale=1 to enable GPU rasterization */}

21

<meta

22

name="viewport"

23

content={

24

'user-scalable=0, initial-scale=1, ' +

25

'minimum-scale=1, width=device-width, height=device-height'

26

}

27

/>

28

{/*

29

manifest.json provides metadata used when your web app is added to the

30

            homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

31

*/}

32

33

{/* PWA primary color */}

[core] Revise the theme.palette.primary & secondary approach (#9794 )

Jan 13, 2018

34

[docs] Use next.js (#7759 )

Aug 18, 2017

35

<link

36

rel="stylesheet"

37

href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"

38

/>

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

39

40

{/* Twitter */}

[core] Small improvements (#8084 )

Sep 7, 2017

41

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

42

43

44

<meta

45

name="twitter:description"

46

content="React Components that Implement Google's Material Design."

[docs] Use next.js (#7759 )

Aug 18, 2017

47

/>

[docs] Move docs to https://material-ui-next.com (#8495 )

Oct 1, 2017

48

          <meta name="twitter:image" content="https://material-ui-next.com/static/brand.png" />

[core] Small improvements (#8084 )

Sep 7, 2017

49

{/* Facebook */}

50

51

52

<meta

53

property="og:description"

54

content="React Components that Implement Google's Material Design."

55

/>

[docs] Move docs to https://material-ui-next.com (#8495 )

Oct 1, 2017

56

          <meta property="og:image" content="https://material-ui-next.com/static/brand.png" />

[examples] Use Reboot (#9691 )

Jan 1, 2018

57

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

58

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

59

[docs] Use next.js (#7759 )

Aug 18, 2017

60

</Head>

61

<body>

62

[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

/>

[docs] Use next.js (#7759 )

Aug 18, 2017

74

[docs] Add google analytics (#8247 )

Sep 17, 2017

75

[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

[examples] Use Reboot (#9691 )

Jan 1, 2018

100

// Get the context of the page to collected side effects.

101

const pageContext = getPageContext();

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

102

const page = ctx.renderPage(Component => props => (

[examples] Use Reboot (#9691 )

Jan 1, 2018

103

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

104

));

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

105

[examples] Use Reboot (#9691 )

Jan 1, 2018

106

let css = pageContext.sheetsRegistry.toString();

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

107

if (process.env.NODE_ENV === 'production') {

108

css = cleanCSS.minify(css).styles;

109

}

110

[docs] Use next.js (#7759 )

Aug 18, 2017

111

return {

112

...page,

[examples] Use Reboot (#9691 )

Jan 1, 2018

113

pageContext,

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

114

canonical: `https://material-ui-next.com${ctx.req.url.replace(/\/$/, '')}/`,

[docs] Use next.js (#7759 )

Aug 18, 2017

115

styles: (

116

<style

117

id="jss-server-side"

118

// eslint-disable-next-line react/no-danger

[docs] Some last improvement before the release (#7847 )

Aug 20, 2017

119

dangerouslySetInnerHTML={{ __html: css }}

[docs] Use next.js (#7759 )

Aug 18, 2017

120

/>

121

),

122

};

123

};

124

125

export default MyDocument;