morten/morten-olsen.github.io
1
0
Fork 0
mirror of https://github.com/morten-olsen/morten-olsen.github.io.git synced 2026-02-08 01:46:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Server side render

Browse Source
This commit is contained in:
Morten Olsen
2021-08-25 23:34:06 +02:00
parent 175bdd17e7
commit a1bad1750e
2 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/_document.tsx Normal file
View File

@@ -0,0 +1,32 @@
import Document from 'next/document';
import { ServerStyleSheet } from 'styled-components';
class RootDocument extends Document {
static async getInitialProps(ctx: any) {
const sheet = new ServerStyleSheet();
const originalRenderPage = ctx.renderPage;
try {
ctx.renderPage = () =>
originalRenderPage({
enhanceApp: (App: any) => (props: any) =>
sheet.collectStyles(<App {...props} />),
});
const initialProps = await Document.getInitialProps(ctx);
return {
...initialProps,
styles: (
<>
{initialProps.styles}
{sheet.getStyleElement()}
</>
),
};
} finally {
sheet.seal();
}
}
}
export default RootDocument;

4
pages/index.tsx
View File

@@ -1,9 +1,13 @@
import React from 'react';
import Head from 'next/head';
import Me from '../components/Me';
import Social from '../components/Social';
const Frontpage: React.FC<{}> = () => (
<>
<Head>
<title>Morten Olsen</title>
</Head>
<Me />
<Social
sites={[{