Engineering/
Notion CMS 連携のサンプル記事
Next.js のビルド時に Notion Database から記事を取得して静的 JSON として表示するためのサンプル記事です。
Next.jsNotionEngineering
Notion CMS 連携の概要
このページは Portfolio Articles CMS の動作確認用サンプルです。Status が Published のため、ビルド時同期の対象になります。
運用フロー
Notion で記事を作成する
Slug を一意に設定する
Status を Published にする
CI/CD で npm run build を実行する
表示で使うプロパティ
1.
Title
2.
Summary
3.
PublishedDate
4.
Tags
5.
Category
6.
CoverImage
export const source = "Notion CMS"注意
ユーザーアクセス時には Notion API へ直接リクエストせず、ビルド時に生成した JSON を表示します。