|
|
@@ -1,3 +1,4 @@ |
|
|
|
import pkg from '../../../../package.json' |
|
|
|
import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document' |
|
|
|
import { ServerStyleSheet } from 'styled-components' |
|
|
|
|
|
|
@@ -5,6 +6,7 @@ export default class MyDocument extends Document { |
|
|
|
static async getInitialProps(ctx: DocumentContext) { |
|
|
|
const sheet = new ServerStyleSheet() |
|
|
|
const originalRenderPage = ctx.renderPage |
|
|
|
const publicUrl = process.env.NODE_ENV === 'production' ? pkg.homepage : '' |
|
|
|
|
|
|
|
try { |
|
|
|
ctx.renderPage = () => |
|
|
@@ -19,9 +21,9 @@ export default class MyDocument extends Document { |
|
|
|
styles: ( |
|
|
|
<> |
|
|
|
{initialProps.styles} |
|
|
|
<link rel="stylesheet" href="/global.css" /> |
|
|
|
<link rel="stylesheet" title="Dark" href="/theme/dark.css" /> |
|
|
|
<link rel="alternate stylesheet" title="Light" href="/theme/light.css" /> |
|
|
|
<link rel="stylesheet" href={`${publicUrl}/global.css`} /> |
|
|
|
<link rel="stylesheet" title="Dark" href={`${publicUrl}/theme/dark.css`} /> |
|
|
|
<link rel="alternate stylesheet" title="Light" href={`${publicUrl}/theme/light.css`} /> |
|
|
|
{sheet.getStyleElement()} |
|
|
|
</> |
|
|
|
), |
|
|
|