Astro + Cloudflare サンプルページ
このプロジェクトでは、Astroの様々なレンダリング方式を確認できます。
📄 静的レンダリング (Static Rendering)
ビルド時に生成される静的なHTMLページです。
🚀 動的レンダリング (On-demand Rendering / SSR)
リクエスト時にサーバー側で動的に生成されるページです。
- 動的ページサンプル - 現在時刻を表示
- ユーザーページ (ID: 123) - URLパラメータを使用
- ユーザーページ (ID: 456) - URLパラメータを使用
- APIエンドポイント - JSON形式で現在時刻を返却
📝 Markdownコンテンツ
Markdownファイルから生成されるページです。
- Markdownサンプルページ - 様々なMarkdown記法の例
📦 Content Collections(静的生成版)
Astroの Content Collections API を使用したコンテンツ管理の例です。
- リリースノート一覧(静的版) - ビルド時に生成される静的ページ
🚀 Content Collections(Server Output版)
Content Collections APIをServer Output(SSR)で使用した動的生成の例です。
- リリースノート一覧(Server版) - フィルタリング機能付きの動的ページ
※ Server Output版では、リクエスト時に動的にページが生成され、 URLパラメータによるフィルタリングやリアルタイムデータの表示が可能です。