AI活用
Next.jsからComfyUIを呼ぶ画像生成アプリ|APIを安全に隠す構成
Next.jsのRoute Handlerを間に置き、ComfyUIの接続先とworkflowをサーバー側に閉じ込める3層構成を解説。zodによる入力検証、client層の分離、画像の中継、外部公開前の認証・レート制限・タイムアウトまで分かります。
AIとつくる、実践プログラミング・コーディングメディア
ARCHIVE
Next.jsのRoute Handlerを間に置き、ComfyUIの接続先とworkflowをサーバー側に閉じ込める3層構成を解説。zodによる入力検証、client層の分離、画像の中継、外部公開前の認証・レート制限・タイムアウトまで分かります。
Vercel AI SDKをNext.jsで使い、OpenAI・Claude・Geminiをprovider設定で切り替える最小構成、generateText、streamText、本番確認を解説します。