我如何使用 Next.js 14 和 Google Gemini 构建每月 $0 的 AI SaaS

Source: Dev.to

介绍

我想构建一个 AI 工具，却不想支付 OpenAI 每月 20 美元的费用。本文阐述了我如何使用 Google 免费的 Gemini Flash 模型和 Vercel，打造了一个 客户端邮件生成器。

技术栈

• Next.js 14（App Router）
• Tailwind CSS（用于 Agency UI）
• Google Gemini API
• Resend（用于发送邮件）

实现

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 票据，即可瞬间得到面向客户的邮件内容。

源代码

完整项目（源代码、仓库以及设置指南）已作为 Starter Kit 提供，供任何想要启动自己的 AI SaaS 的人使用。

在 IndieMaker 上查看 Starter Kit