Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-01-23 02:15:01 +00:00
Code Issues Projects Releases Wiki Activity

Metadata for search results page

Browse source
This commit is contained in:
Jordan Eldredge 2025-06-06 08:02:43 -07:00
parent 53335e8f80
commit 564309ecad
1 changed files with 43 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

48
packages/skin-database/app/[[...folderName]]/page.tsx
View file

@ -2,9 +2,46 @@ import App from "../../../skin-museum-client/src/App";
import type { Metadata } from "next";
const DESCRIPTION =
"Infinite scroll through 80k Winamp skins with interactive preview";
"Infinite scroll through 100k Winamp skins with interactive preview";
export const dynamic = "force-dynamic"; // Force this page to always be server-rendered
export async function generateMetadata({ searchParams }): Promise<Metadata> {
const { query } = await searchParams;
if (query) {
const images = [
{
alt: `Screenshot of Winamp skins matching "${query}"`,
url: `https://skin-museum-og-captbaritone-webamp.vercel.app/api/og?query=${encodeURIComponent(
query
)}`,
width: "1844",
height: "1297",
},
];
const title = `Winamp Skin Museum - Search Results for "${query}"`;
const description = `Search results for "${query}" in the Winamp Skin Museum. Explore skins, view details, and interact with previews.`;
return {
title,
description,
openGraph: {
title,
description,
images,
type: "website",
siteName: "Winamp Skin Museum",
},
twitter: {
card: "summary_large_image",
site: "@winampskins",
title: "Skin Museum",
description,
creator: "@captbaritone",
images,
},
};
}
export function generateMetadata(): Metadata {
const images = [
{
alt: "Screenshot of many Winamp skins in a grid.",
@ -13,11 +50,12 @@ export function generateMetadata(): Metadata {
height: "1297",
},
];
const title = "Winamp Skin Museum";
return {
title: "Winamp Skin Museum",
title,
description: DESCRIPTION,
openGraph: {
title: "Skin Museum",
title,
description: DESCRIPTION,
images,
type: "website",
@ -26,7 +64,7 @@ export function generateMetadata(): Metadata {
twitter: {
card: "summary_large_image",
site: "@winampskins",
title: "Skin Museum",
title,
description: DESCRIPTION,
creator: "@captbaritone",
images,