AIスタートアップの激動する世界では、スピードがすべてです。創業者は遅々として進む開発サイクルのために数ヶ月を待つ余裕はありません。彼らはすぐにMinimum Viable Product（MVP）をリリースし、テストを行い、フィードバックを得る必要があります。

今日、私はあなたに実行可能な、 killerなスニペットを紹介します。OpenAIのAPIをSupabaseと安全に接続するためのものです。（バックエンド/データベースとして）を利用して、10分以内に高速なAI機能ハブを構築します。

🛠️ テクノスタック

• フレームワーク: Next.js (App Router)
• データベース&認証: Supabase
• AIエンジン: OpenAI API

🚀 ステップ1: クライアントを初期化します

まず、私たちのAPIクライアントの初期化を設定しましょう。セキュリティを最優先に—秘密のキーをクライアント側に公開しないでください。

javascript
import { createClient } from '@supabase/supabase-js';
import OpenAI from 'openai';

// Initialize Supabase
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
export const supabase = createClient(supabaseUrl, supabaseAnonKey);

// Initialize OpenAI
export const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});