material-ui/pages/_document.js at aad71862863db7e52d4a249571688a517f9d9aa8 · 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';

[docs] Add google analytics (#8247 )

Sep 17, 2017

4

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

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() {

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

11

const { canonical, stylesContext } = this.props;

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 */}

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

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

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

Aug 20, 2017

59

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

60

[docs] Use next.js (#7759 )

Aug 18, 2017

61

</Head>

62

<body>

63

[docs] Add google analytics (#8247 )

Sep 17, 2017

64

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

65

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

66

<script

67

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

68

dangerouslySetInnerHTML={{

69

__html: `

70

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

71

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

72

`,

73

}}

74

/>

[docs] Use next.js (#7759 )

Aug 18, 2017

75

[docs] Add google analytics (#8247 )

Sep 17, 2017

76

[docs] Use next.js (#7759 )

Aug 18, 2017

77

</body>

78

</html>

79

);

80

}

81

}

82

83

MyDocument.getInitialProps = ctx => {

84

// Resolution order

85

//

86

// On the server:

87

// 1. page.getInitialProps

88

// 2. document.getInitialProps

89

// 3. page.render

90

// 4. document.render

91

//

92

// On the server with error:

93

// 2. document.getInitialProps

94

// 3. page.render

95

// 4. document.render

96

//

97

// On the client

98

// 1. page.getInitialProps

99

// 3. page.render

100

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

101

// Get the context to collected side effects.

[docs] Use next.js (#7759 )

Aug 18, 2017

102

const context = getContext();

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

103

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

[docs] Take insertionPoint option into account (#8497 )

Oct 1, 2017

104

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

105

));

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

Aug 20, 2017

106

107

let css = context.sheetsRegistry.toString();

108

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

109

css = cleanCSS.minify(css).styles;

110

}

111

[docs] Use next.js (#7759 )

Aug 18, 2017

112

return {

113

...page,

[SSR] Remove the singleton hack

✨

(#7965 )

Aug 31, 2017

114

stylesContext: context,

[docs] Avoid SEO indexes duplication (#8592 )

Oct 8, 2017

115

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

[docs] Use next.js (#7759 )

Aug 18, 2017

116

styles: (

117

<style

118

id="jss-server-side"

119

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

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

Aug 20, 2017

120

dangerouslySetInnerHTML={{ __html: css }}

[docs] Use next.js (#7759 )

Aug 18, 2017

121

/>

122

),

123

};

124

};

125

126

export default MyDocument;