내가 Next.js 14와 Google Gemini를 사용해 $0/월 AI SaaS를 만든 방법

Source: Dev.to

소개

저는 OpenAI의 $20/월 요금을 내지 않고 AI 도구를 만들고 싶었습니다. 이 게시물에서는 Google의 무료 Gemini Flash 모델과 Vercel을 사용해 클라이언트 이메일 생성기를 만든 과정을 설명합니다.

기술 스택

• Next.js 14 (App Router)
• Tailwind CSS (for the Agency UI)
• Google Gemini API
• Resend (for emailing)

구현

API 라우트

import { NextResponse } from 'next/server';
const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "");

export async function POST(request: Request) {
  const model = genAI.getGenerativeModel({ model: "gemini-2.5-flash" });

  const prompt = `Rewrite this technical Jira ticket for a non-technical client: ${ticketText}`;

  const result = await model.generateContent(prompt);
  const response = await result.response;
  const rewrittenText = response.text();

  return NextResponse.json({ rewrittenText });
} catch (error: any) {
  // error handling logic here
}

UI 디자인

저는 인터페이스에 전문적인 느낌을 주기 위해 “Navy & Teal”(네이비 & 틸) 테마를 사용했습니다.

결과

생성기가 완벽하게 작동합니다: Jira 티켓을 붙여넣으면 즉시 클라이언트용 이메일을 받을 수 있습니다.

소스 코드

전체 프로젝트(소스 코드, 저장소 및 설정 가이드)는 자체 AI SaaS를 시작하고 싶은 모든 사람을 위해 Starter Kit 형태로 제공됩니다.

View the Starter Kit on IndieMaker