1234567891011121314151617181920212223242526272829303132333435 |
- import React from 'react';
- import Document, { Head, Main, NextScript } from 'next/document';
- import { ServerStyleSheet } from 'styled-components';
- class MyDocument extends Document {
- static getInitialProps({ renderPage }) {
- const sheet = new ServerStyleSheet();
- const page = renderPage((App) => (props) =>
- sheet.collectStyles(<App {...props} />),
- );
- const styleTags = sheet.getStyleElement();
- return { ...page, styleTags };
- }
- render() {
- return (
- <html lang="zh-TW">
- <Head>
- <link
- rel="shortcut icon"
- type="image/x-icon"
- href="/static/favicon.ico"
- />
- {this.props.styleTags}
- </Head>
- <body>
- <Main />
- <NextScript />
- </body>
- </html>
- );
- }
- }
- export default MyDocument;
|