forked from mirrors/thatmattlove-hyperglass
54 lines
2 KiB
TypeScript
54 lines
2 KiB
TypeScript
import fs from 'fs';
|
|
import Document, { Html, Head, Main, NextScript } from 'next/document';
|
|
import { Favicon, CustomJavascript, CustomHtml } from '~/components';
|
|
import favicons from '../favicon-formats';
|
|
|
|
import type { DocumentContext, DocumentInitialProps } from 'next/document';
|
|
|
|
interface DocumentExtra extends DocumentInitialProps {
|
|
customJs: string;
|
|
customHtml: string;
|
|
}
|
|
|
|
class MyDocument extends Document<DocumentExtra> {
|
|
static async getInitialProps(ctx: DocumentContext): Promise<DocumentExtra> {
|
|
const initialProps = await Document.getInitialProps(ctx);
|
|
const customJs = fs.readFileSync('custom.js').toString();
|
|
const customHtml = fs.readFileSync('custom.html').toString();
|
|
return { customJs, customHtml, ...initialProps };
|
|
}
|
|
|
|
render(): JSX.Element {
|
|
return (
|
|
<Html lang="en">
|
|
<Head>
|
|
<meta name="language" content="en" />
|
|
<meta httpEquiv="Content-Type" content="text/html" />
|
|
<meta charSet="UTF-8" />
|
|
<meta name="og:type" content="website" />
|
|
<meta name="og:image" content="/images/opengraph.jpg" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"
|
|
/>
|
|
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
|
|
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
|
|
{favicons.map((favicon, idx) => (
|
|
<Favicon key={idx} {...favicon} />
|
|
))}
|
|
<CustomJavascript>{this.props.customJs}</CustomJavascript>
|
|
</Head>
|
|
<body>
|
|
<Main />
|
|
<CustomHtml>{this.props.customHtml}</CustomHtml>
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default MyDocument;
|