WIP 22102

Author: anthonyshew

docs/site/app/api/og/Geist-Regular.ttf

@@ -4,9 +4,7 @@ import type { NextApiRequest } from "next/index";
 import { RepoLogo } from "../../_components/logos/og/repo-logo";
 import { VercelLogo } from "../../_components/logos/og/vercel-logo";
 
-export const config = {
-  runtime: "edge",
-};
+export const runtime = "edge";
 
 function _arrayBufferToBase64(buffer: ArrayBuffer): string {
   let binary = "";
@@ -20,7 +18,7 @@ function _arrayBufferToBase64(buffer: ArrayBuffer): string {
 
 export async function GET(req: NextApiRequest): Promise<Response> {
   try {
-    const [geistSans, geistMono, bg] = await Promise.all([
+    const [geist, geistMono, bg] = await Promise.all([
       fetch(new URL("./Geist-Regular.ttf", import.meta.url)).then((res) =>
         res.arrayBuffer()
       ),
@@ -34,11 +32,7 @@ export async function GET(req: NextApiRequest): Promise<Response> {
       ),
     ]);
 
-    if (!req.url) {
-      throw new Error("No URL was provided");
-    }
-
-    const { searchParams } = new URL(req.url);
+    const { searchParams } = new URL(req.url!);
 
     let title: string | null = null;
 
@@ -57,10 +51,10 @@ export async function GET(req: NextApiRequest): Promise<Response> {
             justifyContent: "center",
             width: "100%",
             height: "100%",
-            fontFamily: "Geist Sans",
+            fontFamily: "Geist Mono",
             fontWeight: 700,
             fontSize: 60,
-            backgroundImage: `url(${bg})`,
+            backgroundImage: `url(data:image/jpeg;base64,${bg})`,
             backgroundSize: "1200px 630px",
             color: "#fff",
           }}
@@ -73,7 +67,7 @@ export async function GET(req: NextApiRequest): Promise<Response> {
           {title ? (
             <div
               style={{
-                fontFamily: "Geist Sans",
+                fontFamily: "Geist Mono",
                 fontSize: 36,
                 letterSpacing: -1.5,
                 padding: "40px 20px 30px",
@@ -111,24 +105,25 @@ export async function GET(req: NextApiRequest): Promise<Response> {
           },
           {
             name: "Geist Sans",
-            data: geistSans,
+            data: geist,
             weight: 400 as const,
             style: "normal" as const,
           },
         ],
       }
     );
   } catch (err: unknown) {
-    // Protects us from serving no image at all if something is broken.
+    // Prevents us from have no OG image at all in production.
     if (process.env.VERCEL_ENV === "production") {
       return new Response(undefined, {
         status: 302,
         headers: {
-          Location: "/og-image.png",
+          Location: "https://turbo.build/og-image.png",
         },
       });
     }
 
+    // We want to see the 500s everywhere else.
     return new Response(undefined, {
       status: 500,
     });

docs/site/app/api/og/GeistMono-Regular.ttf

@@ -39,7 +39,7 @@
     "fumadocs-ui": "^14.7.7",
     "geist": "^1.3.0",
     "lucide-react": "^0.479.0",
-    "next": "15.2.2",
+    "next": "15.2.1-canary.6",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "remark": "^15.0.1",
@@ -52,8 +52,8 @@
   },
   "devDependencies": {
     "@mdx-js/mdx": "^3.0.1",
-    "@next/env": "15.2.2",
-    "@next/eslint-plugin-next": "15.2.2",
+    "@next/env": "15.2.1-canary.6",
+    "@next/eslint-plugin-next": "15.2.1-canary.6",
     "@turbo/tsconfig": "workspace:^",
     "@turbo/types": "2.1.3-canary.1",
     "@types/mdx": "^2.0.8",