Benny JooandGitHub
d12fc78fea
* fix favicon name * add viewport metadata for PageWrapperAppDir * fix * fix * refactor
71 lines
1.4 KiB
TypeScript
71 lines
1.4 KiB
TypeScript
import type { Metadata } from "next";
|
|
|
|
type RootMetadataRecipe = Readonly<{
|
|
twitterCreator: string;
|
|
twitterSite: string;
|
|
robots: {
|
|
index: boolean;
|
|
follow: boolean;
|
|
};
|
|
}>;
|
|
|
|
export type PageMetadataRecipe = Readonly<{
|
|
title: string;
|
|
canonical: string;
|
|
image: string;
|
|
description: string;
|
|
siteName: string;
|
|
metadataBase: URL;
|
|
}>;
|
|
|
|
export const prepareRootMetadata = (recipe: RootMetadataRecipe): Metadata => ({
|
|
icons: {
|
|
icon: "/favicon.ico",
|
|
apple: "/api/logo?type=apple-touch-icon",
|
|
other: [
|
|
{
|
|
rel: "icon-mask",
|
|
url: "/safari-pinned-tab.svg",
|
|
color: "#000000",
|
|
},
|
|
{
|
|
url: "/api/logo?type=favicon-16",
|
|
sizes: "16x16",
|
|
type: "image/png",
|
|
},
|
|
{
|
|
url: "/api/logo?type=favicon-32",
|
|
sizes: "32x32",
|
|
type: "image/png",
|
|
},
|
|
],
|
|
},
|
|
manifest: "/site.webmanifest",
|
|
viewport: {
|
|
width: "device-width",
|
|
initialScale: 1.0,
|
|
maximumScale: 1.0,
|
|
userScalable: false,
|
|
viewportFit: "cover",
|
|
},
|
|
robots: recipe.robots,
|
|
other: {
|
|
"application-TileColor": "#ff0000",
|
|
},
|
|
themeColor: [
|
|
{
|
|
media: "(prefers-color-scheme: light)",
|
|
color: "#f9fafb",
|
|
},
|
|
{
|
|
media: "(prefers-color-scheme: dark)",
|
|
color: "#1C1C1C",
|
|
},
|
|
],
|
|
twitter: {
|
|
site: recipe.twitterSite,
|
|
creator: recipe.twitterCreator,
|
|
card: "summary_large_image",
|
|
},
|
|
});
|