web: render studio page

2026-05-19 06:52:47 +02:00
parent 10c8ce194c
commit 0e5f9f7769
8 changed files with 225 additions and 0 deletions
@@ -0,0 +1,80 @@
+import { Metadata, ResolvingMetadata } from "next";
+import { graphql } from "@/gql";
+import { type StudioFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import { PageContent } from "@/components/general/PageContent";
+import { BgPig } from "@/components/general/BgPig";
+import { StudioHeader } from "@/components/studio/StudioHeader";
+import { getSeoMetadata } from "@/lib/seo";
+
+const StudioFragmentDefinition = graphql(`
+  fragment Studio on StudioPage {
+    __typename
+    id
+    title
+    seoTitle
+    searchDescription
+    lead
+    pig
+    logo {
+      url
+      width
+      height
+      alt
+    }
+    body {
+      ...Blocks
+    }
+  }
+`);
+
+const studioPageQuery = graphql(`
+  query studio {
+    page: studioPage {
+      ... on StudioPage {
+        ...Studio
+      }
+    }
+  }
+`);
+
+export async function generateMetadata(
+  { params }: { params: Promise<{}> },
+  parent: ResolvingMetadata
+): Promise<Metadata | null> {
+  const { data, error } = await getClient().query(studioPageQuery, {});
+
+  if (error) {
+    throw new Error(error.message);
+  }
+  if (!data?.page) {
+    return null;
+  }
+
+  const page = data.page as StudioFragment;
+  const metadata = await getSeoMetadata(page, parent);
+  return metadata;
+}
+
+export default async function Page() {
+  const { data, error } = await getClient().query(studioPageQuery, {});
+
+  if (error) {
+    throw new Error(error.message);
+  }
+  if (!data?.page) {
+    throw new Error("Failed to render /studio");
+  }
+
+  const page = data.page as StudioFragment;
+
+  return (
+    <>
+      <main className="site-main" id="main">
+        <StudioHeader title={page.title} lead={page.lead} />
+        {page.body && <PageContent blocks={page.body} />}
+      </main>
+      {page.pig && <BgPig type={page.pig} color="white" />}
+    </>
+  );
+}