feat: 静的生成でogpを生成する手法に切り替え

Yoshino-Yukitaro · Sep 18, 2024 · 52f811a · 52f811a
1 parent 2619030
commit 52f811a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/pages/og/[...slug].png.ts b/src/pages/og/[...slug].png.ts
@@ -1,8 +1,11 @@
 import type { APIContext, APIRoute } from "astro";
-import { getEntry } from "astro:content";
+import { getCollection, getEntry } from "astro:content";
 import { getOgImage } from "./_getOgImage";
 
-export const prerender = false;
+export const getStaticPaths = async () => {
+  const posts = await getCollection("post");
+  return posts.map((post) => ({ params: { slug: post.slug } }));
+};
 
 export async function GET({ params, redirect }: APIContext) {
   const { slug } = params;

diff --git a/src/pages/og/_getOgImage.tsx b/src/pages/og/_getOgImage.tsx
@@ -1,7 +1,6 @@
 import satori from "satori";
 import { OgImage } from "./_OgImage";
-const sharp = require("sharp");
-// import sharp from "sharp";
+import sharp from "sharp";
 
 export async function getOgImage(text: string): Promise<Buffer> {
   const notoSansJpUrl = `https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600`;