mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 05:18:28 -04:00
Jake Jarvis
eccf2108c7
* 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
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import * as config from "../lib/config";
|
|
import { favicons } from "../lib/config/seo";
|
|
import type { GetServerSideProps } from "next";
|
|
|
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
|
const manifest = {
|
|
name: config.siteName,
|
|
short_name: config.siteDomain,
|
|
description: config.longDescription,
|
|
lang: config.siteLocale,
|
|
icons: [
|
|
{
|
|
src: favicons.chrome512Png.src,
|
|
sizes: `${favicons.chrome512Png.width}x${favicons.chrome512Png.height}`,
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: favicons.chrome192Png.src,
|
|
sizes: `${favicons.chrome192Png.width}x${favicons.chrome192Png.height}`,
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: favicons.maskable512Png.src,
|
|
sizes: `${favicons.maskable512Png.width}x${favicons.maskable512Png.height}`,
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
{
|
|
src: favicons.maskable192Png.src,
|
|
sizes: `${favicons.maskable192Png.width}x${favicons.maskable192Png.height}`,
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
],
|
|
display: "browser",
|
|
start_url: "/",
|
|
};
|
|
const { res } = context;
|
|
|
|
// https://developer.mozilla.org/en-US/docs/Web/Manifest#deploying_a_manifest
|
|
res.setHeader("content-type", "application/manifest+json; charset=utf-8");
|
|
// cache on edge for one day
|
|
res.setHeader("cache-control", "s-maxage=604800, stale-while-revalidate");
|
|
res.write(JSON.stringify(manifest));
|
|
res.end();
|
|
|
|
return {
|
|
props: {},
|
|
};
|
|
};
|
|
|
|
// eslint-disable-next-line import/no-anonymous-default-export
|
|
export default () => null;
|