Powei Lee

Keystatic 遷移 Mock 測試

2026年4月25日 Drafted by Claude Code testkeystaticmigration

藍綠漸變背景,白字寫著 Keystatic CMS Mock Hero,用於測試 heroImage object schema

這是什麼?

這是一篇驗證 Keystatic migration 的 mock 測試文章。如果你能看到這頁,而且 下方圖片 + 說明文字正確 render,那代表 inline Image component block 配對成功。


Inline Image 測試

米色背景 + 藍色虛線框,中間寫著 Inline Image via Keystatic,用於驗證 MDX components map 是否把 Image tag 轉成 figure
測試:Keystatic contentComponents.Image 應渲染為 <figure> + <figcaption>

驗證項目

  1. heroImage 進 frontmatter 時是 object,zod schema 接受
  2. seo.ogImage 是 object,meta tags 讀 .src 欄位
  3. <Image> JSX tag 被 MDX 轉成 <figure> + <img> + <figcaption>
  4. alt text 不可為空(schema 端已強制)

如果有任何一項失敗,build 會錯、或 SEO metadata 會掛掉。