renderの起動待ちでプロジェクトページが開かないのを修正

Author: na-trium-144

contents/projects/kf76-plus-operator/index.md

@@ -11,6 +11,8 @@ kind: festival
 status: finished
 date: 2025-11-21
 
+# renderの起動待ちでfavicon自動取得は時間がかかる & favicon存在しない
+favicon: null
 thumbnail:
   src: ./thumbnail.png
 ---

contents/projects/mf97-draw/index.md

@@ -13,6 +13,8 @@ kind: festival
 status: finished
 date: 2024-05-18
 
+# renderの起動待ちでfavicon自動取得は時間がかかる & favicon存在しない
+favicon: null
 thumbnail:
   src: ./thumbnail.png
 ---

docs/contents/projects.md

@@ -30,7 +30,7 @@
 | `thumbnail.src`   | ✅   | string->path  | イメージファイルへの markdown からの相対パス。                                                        |
 | `thumbnail.fit`   |      | string?       | イメージのクロップ方法。 default = "cover"。                                                          |
 | `thumbnail.bg`    |      | string?       | イメージの背景色。ロード中と `crop` = "contain" のときの背景に使われています。                        |
-| `favicon`         |      | string->path? | 強制的に使わせる Favicon。指定しない場合は、アプリの URL から自動で引っ張ってきます。                 |
+| `favicon`         |      | string->path? \| null | 強制的に使わせる Favicon。指定しない場合は、アプリの URL から自動で引っ張ってきます。 `null` を指定した場合は、Faviconは存在しないものとみなしアプリのURLを自動でfetchしません。 |
 | `social.github`   |      | string->url?  | プロジェクトの GitHub 上での URL。                                                                    |
 | `social.website`  |      | string->url?  | プロジェクトのウェブサイトの URL。(`app.url` と別で広報用などの Website がある場合)                   |
 | `social.youtube`  |      | string->url?  | プロジェクトの YouTube 上での URL。                                                                   |

src/pages/projects/[...id].astro

@@ -22,12 +22,17 @@ const { Content } = await render(project);
 
 let iconSrc: string | undefined;
 if (project.data.status !== "dead") {
-  if (project.data.favicon) iconSrc = project.data.favicon.src;
-  if (!iconSrc && project.data.app.url) {
-    iconSrc = await fetchFavicon(project.data.app.url);
-  }
-  if (!iconSrc && project.data.social?.website) {
+  if(project.data.favicon === null) {
+    iconSrc = undefined;
+  }else if (project.data.favicon){
+    iconSrc = project.data.favicon.src;
+  } else {
+    if (!iconSrc && project.data.app.url) {
+      iconSrc = await fetchFavicon(project.data.app.url);
+    }
+    if (!iconSrc && project.data.social?.website) {
     iconSrc = await fetchFavicon(project.data.social.website);
+    }
   }
 }
 ---

src/schema.ts

@@ -74,7 +74,7 @@ export const CreateProjectSchema = ({ image }: { image: ImageFunction }) =>
     order: z.number().optional(),
     date: z.date(),
     thumbnail: Thumbnail({ image }).optional(),
-    favicon: image().optional(),
+    favicon: image().nullable().optional(),
     tags: z.array(z.string()).optional().default([]),
     social: z
       .object({