AstroとNotionでブログを作り直した

タイトル通りです。

この記事もNotionで書いています。

TODO: 後で詳細とかまとめます。

各ブロックの表示テスト

見出し1

見出し2

見出し3

↓ <hr>

  • リスト
    • リスト
      • リスト
    • リスト
  • リスト
  • リスト

  1. リスト
    1. リスト
      1. リスト
    2. リスト
  2. リスト
  3. リスト

ソースコード
interface Props {
	name?: string;
	age?: number;
}

function sayHello(props: Props) {
	alert(`Hello ${props.name ?? '田中'}(${props.age ?? 9})`);
}

画像とキャプション

💡
コールアウト
コールアウト内のトグル
画像とキャプション
🚨
別の色のコールアウト

吾輩は引用ブロックである 名前は引用ブロック — totoraj

ツイートの埋め込み

やめろ

構成

Notion → Astro(server) → Cloudflare(キャッシュ)

仕組みとか

NotionをヘッドレスCMSとして使うという作戦です。

Notion APIへのリクエストを極力減らすために記事一覧や記事データを作成してサーバー側でキャッシュしています。

リクエストをするタイミングは

さらにオリジンサーバーへのリクエストを減らすためにCloudflareを挟んでキャッシュしています。