26 | {/* End Simple Analytics */}
27 |
28 |
29 | );
30 | }
31 | }
32 |
33 | // `getInitialProps` belongs to `_document` (instead of `_app`),
34 | // it's compatible with server-side generation (SSG).
35 | MyDocument.getInitialProps = async (ctx) => {
36 | // Resolution order
37 | //
38 | // On the server:
39 | // 1. app.getInitialProps
40 | // 2. page.getInitialProps
41 | // 3. document.getInitialProps
42 | // 4. app.render
43 | // 5. page.render
44 | // 6. document.render
45 | //
46 | // On the server with error:
47 | // 1. document.getInitialProps
48 | // 2. app.render
49 | // 3. page.render
50 | // 4. document.render
51 | //
52 | // On the client
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 | const sheets = new ServerStyleSheets();
60 | const originalRenderPage = ctx.renderPage;
61 |
62 | ctx.renderPage = () =>
63 | originalRenderPage({
64 | enhanceApp: (App) => (props) => sheets.collect(
103 | {value}
104 |
105 |