Fix opengraph image

next.config.js

@@ -1,8 +1,8 @@
 /** @type {import("next").NextConfig} */
 const nextConfig = {
-  ...(process.env.DYNAMIC ? undefined : { output: "export" }),
+  ...(process.env.VERCEL_ENV ? undefined : { output: "export" }),
   images: {
-    unoptimized: !process.env.DYNAMIC,
+    unoptimized: !process.env.VERCEL_ENV,
     remotePatterns: [
       { protocol: "https", hostname: "media.githubusercontent.com" },
     ],

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "ts-node -P tsconfig.scripts.json src/scripts/rss && next build",
+    "build": "cp node_modules/@fontsource/lato/files/lato-latin-400-normal.woff public && ts-node -P tsconfig.scripts.json src/scripts/rss && next build",
     "start": "next start",
     "lint": "next lint"
   },

src/app/posts/[name]/opengraph-image.tsx

@@ -1,6 +1,7 @@
 import { ImageResponse } from "next/server";
-import fs from "fs/promises";
 import * as Post from "@/data/Post";
+import fs from "fs/promises";
+import http from "http";
 
 // Route segment config
 export const runtime = "nodejs";
@@ -13,6 +14,26 @@ export const size = {
 
 export const contentType = "image/png";
 
+async function getFont(): Promise<Buffer> {
+  const url = process.env.APP_URL;
+  if (!url) {
+    return await fs.readFile(
+      "node_modules/@fontsource/lato/files/lato-latin-400-normal.woff"
+    );
+  }
+  return new Promise((resolve, reject) => {
+    http
+      .get(`${url}/fonts/lato-latin-400-normal.woff`, (res) => {
+        const chunks: any[] = [];
+        res.on("data", (c) => chunks.push(c));
+        res.on("end", () => resolve(Buffer.concat(chunks)));
+      })
+      .on("error", (err) => {
+        reject(err);
+      });
+  });
+}
+
 export default async function Image({
   params: { name },
 }: {
@@ -68,9 +89,7 @@ export default async function Image({
       fonts: [
         {
           name: "Lato",
-          data: await fs.readFile(
-            "node_modules/@fontsource/lato/files/lato-latin-400-normal.woff"
-          ),
+          data: await getFont(),
           weight: 400,
           style: "normal",
         },