mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 15:16:21 -04:00
* gymnastics to make theme script work with react 18 hydration * try next 12.1.3 canary to fix SSG head tags? * revert theme script changes * next 12.1.3-canary.3 * double-revert some of the use-theme.tsx changes * separate theme restoration script & move to _document * bump next * bump next (again) * clean up some theme stuff * use hashed image URLs in webmanifest and feeds * text experimental react config * Update ThemeScript.tsx * switch selfie image to `layout="raw"` * use `layout="raw"` for all non-imported images * revert raw images in some places, messes up responsiveness * fix nitpicky "no divs inside buttons" html validation error * fix react-player hydration errors * fix hydration errors from server/client time zone differences * clean up hydration fixes * Update format-date.ts * last-minute cleanup
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import { Html, Head, Main, NextScript } from "next/document";
|
|
import ThemeScript from "../components/ThemeScript/ThemeScript";
|
|
import { getCssText, fonts } from "../lib/styles/stitches.config";
|
|
import * as config from "../lib/config";
|
|
|
|
// https://nextjs.org/docs/advanced-features/custom-document
|
|
const Document = () => {
|
|
return (
|
|
<Html lang={config.siteLocale}>
|
|
<Head>
|
|
{/* inject a small script to set/restore the user's theme ASAP */}
|
|
<ThemeScript />
|
|
|
|
{/* preload highest priority fonts defined in ../lib/styles/fonts/ */}
|
|
{fonts.preloadUrls.map((relativeUrl, index) => (
|
|
<link
|
|
key={`font-${index}`}
|
|
rel="preload"
|
|
as="font"
|
|
type="font/woff2"
|
|
href={relativeUrl}
|
|
crossOrigin="anonymous"
|
|
/>
|
|
))}
|
|
|
|
{/* stitches SSR: https://stitches.dev/blog/using-nextjs-with-stitches#step-3-ssr */}
|
|
<style id="stitches" dangerouslySetInnerHTML={{ __html: getCssText() }} />
|
|
</Head>
|
|
<body>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
);
|
|
};
|
|
|
|
export default Document;
|