VercelでOGP画像を動的に生成するサービスです。

• ⚡️ 高速: Vercel Edge FunctionとVercel OGライブラリによる高速なレスポンス
• 🎨 カスタマイズ可能: グラデーション色を変更できるモダンなデザイン
• 🖼️ PNG出力: 高品質なPNG画像を生成
• 🧪 テスト完備: 単体テスト・統合テストによる安定性

• Node.js 18以上
• npm

# リポジトリをクローン
git clone https://github.com/kentaro/ogen.git
cd ogen

# 依存パッケージをインストール
npm install

npm run dev

npm test

テストカバレッジを確認するには:

npm run test:coverage

OG画像生成には以下のパラメーターを指定できます:

• title: 画像に表示するタイトル（必須）
• username: ユーザー名（必須）
• gradientFrom: グラデーションの開始色（デフォルトは #EEF0FF）
• gradientTo: グラデーションの終了色（デフォルトは #FFF0F8）
• iconUrl: アイコン画像のURL（オプション）

色コードは URL エンコードする必要があります：

• 例: %2300C6FF は #00C6FF

このプロジェクトはVercelにデプロイできます。以下の手順で行ってください：

1. Vercel CLIをインストール（オプション）

   npm i -g vercel

2. デプロイを実行

   vercel

または、Vercelダッシュボードからリポジトリを接続してデプロイすることもできます。

• Next.js: Reactベースのフレームワーク
• @vercel/og: Vercelの公式OG画像生成ライブラリ
• Zod: TypeScriptファーストなバリデーション
• Vitest: 次世代のテストフレームワーク

MIT