material-ui/pages/_document.js at 8ddc204fd2a8f2ee7c37dfa382f332136e77111b · 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>

16

<title>Material-UI</title>

[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

/>

[docs] Use next.js (#7759 )

Aug 18, 2017

21

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

35

{/* PWA primary color */}

[examples] Use Reboot (#9691 )

Jan 1, 2018

36

[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

/>

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

Aug 20, 2017

41

42

{/* Twitter */}

[core] Small improvements (#8084 )

Sep 7, 2017

43

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

Aug 20, 2017

44

45

46

<meta

47

name="twitter:description"

48

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

[docs] Use next.js (#7759 )

Aug 18, 2017

49

/>

[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" />

[core] Small improvements (#8084 )

Sep 7, 2017

51

{/* Facebook */}

52

53

54

<meta

55

property="og:description"

56

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

57

/>

[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" />

[examples] Use Reboot (#9691 )

Jan 1, 2018

59

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

Aug 20, 2017

60

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

61

[docs] Use next.js (#7759 )

Aug 18, 2017

62

</Head>

63

<body>

64

[docs] Add google analytics (#8247 )

Sep 17, 2017

65

{/* Global Site Tag (gtag.js) - Google Analytics */}

66

          <script async src={`https://www.googletagmanager.com/gtag/js?id=${config.google.id}`} />

67

<script

68

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

69

dangerouslySetInnerHTML={{

70

__html: `

71

window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};

72

gtag('js', new Date());

73

`,

74

}}

75

/>

[docs] Use next.js (#7759 )

Aug 18, 2017

76

[docs] Add google analytics (#8247 )

Sep 17, 2017

77

[docs] Use next.js (#7759 )

Aug 18, 2017

78

</body>

79

</html>

80

);

81

}

82

}

83

84

MyDocument.getInitialProps = ctx => {

85

// Resolution order

86

//

87

// On the server:

88

// 1. page.getInitialProps

89

// 2. document.getInitialProps

90

// 3. page.render

91

// 4. document.render

92

//

93

// On the server with error:

94

// 2. document.getInitialProps

95

// 3. page.render

96

// 4. document.render

97

//

98

// On the client

99

// 1. page.getInitialProps

100

// 3. page.render

101

[examples] Use Reboot (#9691 )

Jan 1, 2018

102

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

103

const pageContext = getPageContext();

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

104

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

[examples] Use Reboot (#9691 )

Jan 1, 2018

105

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

106

));

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

Aug 20, 2017

107

[examples] Use Reboot (#9691 )

Jan 1, 2018

108

let css = pageContext.sheetsRegistry.toString();

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

Aug 20, 2017

109

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

110

css = cleanCSS.minify(css).styles;

111

}

112

[docs] Use next.js (#7759 )

Aug 18, 2017

113

return {

114

...page,

[examples] Use Reboot (#9691 )

Jan 1, 2018

115

pageContext,

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

116

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

[docs] Use next.js (#7759 )

Aug 18, 2017

117

styles: (

118

<style

119

id="jss-server-side"

120

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

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

Aug 20, 2017

121

dangerouslySetInnerHTML={{ __html: css }}

[docs] Use next.js (#7759 )

Aug 18, 2017

122

/>

123

),

124

};

125

};

126

127

export default MyDocument;