Docs
📚

ブログサイト構築

7件のドキュメント

  1. 1.
    🏗️

    このサイトのアーキテクチャ

    Astro + Cloudflare Pages で構築したナレッジベースの設計方針。Functional Core, Imperative Shell を Astro コンポーネント設計に適用した実例

    概念
  2. 2.
    🏗️

    ブログサイト構築 — 全体アーキテクチャ

    Astro + Cloudflare Pages で構築した技術ブログの全体設計。SSG・Cloudflare エコシステム・OGP自動生成の関係を俯瞰する

    概念
  3. 3.
    🚀

    ブログサイト構築 — Astro SSG と MPA 設計

    Astro の静的サイト生成（SSG）・MPA・アイランドアーキテクチャの概念整理。SPAとの違いと本サイトでの採用判断

    概念
  4. 4.
    ☁️

    ブログサイト構築 — Cloudflare ホスティング

    Cloudflare Pages・Pages Functions・KV の連携構成。静的ホスティングと動的APIを Cloudflare エコシステム内で完結させる設計

    概念
  5. 5.
    🖼️

    ブログサイト構築 — OGP 画像の自動生成

    Satori と @resvg/resvg-js を使い、記事タイトル入りの OGP 画像をビルド時に自動生成する実装。フォント取得の woff2 問題と解決策を含む

    概念
  6. 6.
    🎨

    ブログサイト構築 — Satori で絵文字を描画する

    Satori はテキストフォントで絵文字を描画できない。Twemoji SVG を img 要素として埋め込む解決策と、コードポイント変換・キャッシュ設計の実装メモ

    概念
  7. 7.
    🗄️

    ブログサイト構築 — Cloudflare D1 入門

    Cloudflare エッジで動くサーバーレス SQLite、D1 の概要。KV との違い・Pages Functions からの利用方法・ブログへの応用例

    概念