AI 스타트업의 빠르고 경쟁적인 세계에서 속도는 모든 것입니다. 창립자들은 느린 개발 사이클을 기다리는 데 몇 달의 시간을 가지고 있지 않습니다. 그들은 자신의 최소 기능 제품(MVP)을 즉시 살아있게, 테스트하고 피드백을 생성할 필요가 있습니다.

오늘, 저는 당신에게 살아있는, 생산 준비된 코드 조각을 보여줄게요. OpenAI의 API를 Supabase와 안전하게 연결하기 위해. (백엔드/데이터베이스로 사용하여) 10분 이내에 빛나는 속도의 AI 기능 허브를 구축합니다.

🛠️ 기술 스택

• 프레임워크: Next.js (앱 라우터)
• 데이터베이스 &인증: 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,
});