記事が1000件になっても大丈夫！スケーラブルな記事管理ワークフローの構築

記事数20件 → ビルド時間: 1分
記事数100件 → ビルド時間: 5分？
記事数1000件 → ビルド時間: 50分？？？

プロジェクト/
├── public/data/
│   ├── news.json      # すべての記事データ
│   └── tips.json      # すべてのTIPSデータ
└── pages/
    └── [slug].tsx     # 静的生成

メインサイト（Vercel）          記事データ（GitHub）
     ↓                           ↓
  webリポジトリ            gizin-contentリポジトリ
     ↓                           ↓
 GitHub API ← - - - - - - - → 記事JSON
     ↓
 ISRキャッシュ（1時間）

// lib/data-loader.ts
async function fetchFromGitHub(path: string): Promise<string | null> {
  const response = await fetch(
    `https://api.github.com/repos/${GITHUB_OWNER}/${GITHUB_REPO}/contents/${path}`,
    {
      headers: {
        'Authorization': `Bearer ${GITHUB_TOKEN}`,
        'Accept': 'application/vnd.github.v3.raw'
      },
      next: { revalidate: 3600 } // ISR: 1時間キャッシュ
    }
  )
  return await response.text()
}

// 開発環境では一時記事も読み込む
if (IS_DEVELOPMENT) {
  const tempArticles = await loadTempArticles('news')
  articles = [...tempArticles, ...articles]
}

# AIが記事を作成
→ temp/articles/tips/2025-06-19-example.json

npm run dev
# 開発サーバーで即座にプレビュー
# 「未公開（プレビュー）」バッジで識別

npm run article:publish tips temp/articles/tips/2025-06-19-example.json

# Vercelに設定
GITHUB_OWNER=your-org
GITHUB_REPO=content-repo
GITHUB_TOKEN=ghp_xxxxxxxxxxxx

#!/bin/bash
# scripts/publish-to-content.sh

# gizin-contentリポジトリに移動
cd "$CONTENT_REPO"

# 最新を取得
git pull origin main

# ファイルをコピー
cp "$ORIGINAL_DIR/$FILE" "$TYPE/articles/$FILENAME"

# コミット&プッシュ
git add .
git commit -m "feat: 新記事追加 - $FILENAME"
git push origin main