NotionをCMSに活用し、Cloudflare Pages上でブログサイトを構築する Published : 2025年2月27日 Updated : 2025年5月10日 Tags : Technology Table of Contents ▼ はじめに アーキテクチャの選択 Cloudflare Pages Astro 記事表示の実装の変遷 初期実装：Make を活用した自動デプロイ 現在の実装：Astro の SSR によるリアルタイム更新 実装の詳細 プロジェクト構成 セットアップ 1. 環境変数の設定 2. Notion データベースの設定 環境変数の取り扱い 1. 各環境での取得方法 2. 統一的なアクセス方法の実装 Notion との API 連携 記事の変換 1. Notion API の JSON を Markdown に変換 2. Astro で Markdown を HTML に変換し、SSR パフォーマンス最適化 CDN キャッシュの活用 エラーハンドリング トラブルシューティング 1. 環境変数の問題 2. マークダウンレンダリングの問題 3. API ルートが Cloudflare Pages 上で動作しない まとめ 参考リンク