一、复盘帖概述

先把网站放上来，欢迎大家提供各种意见建议，https://www.babypodcast.pro/，功能是输入宝宝的风格选项和博客话题来生成一个宝宝形象的反差感博客视频。

完整开发时间：5.18-5.24，刚好完整的一周时间，从一个一行代码都看不懂的小白到可以在一周内开发一个完整的Micro SaaS MVP总共也就2个月的时间，我在这段时间做了什么呢，这个项目的0-1开发过程是怎么样的，下面是一个完整的复盘帖，供和我一样的小白参考。

涉及了所有的技术环节的实现，开发过程中踩的一些坑和一些简单的心路历程。

网站主要技术实现方式如下：

Product Tech * **前端**: Next.js * **部署**: Vercel * **数据库**: supabase * **登录/注册**: supabase-Email/Google * **后端**: * n8n (cloud) * 文字API: gpt4.1 * 音频API: Murf AI * 图片API: flux.1.1-pro * 视频API: Hedra * **云存储**: Cloudflare r2 * **支付**: creem

二、自我介绍

我之前从事投资行业，今年2月份看到了AI领域的机会，果断辞职，但是这么多细分领域做哪个呢，做过一些AI写作，AI自媒体的内容，但始终感觉没有特别摸到门路，不是我想象中的ideal direction，直到3月份参与了生财的航海，才让我对方向坚定了下来。

之前做tob投资的时候，尽调过国内几家比较知名的大模型公司，但是脱离了平台总感觉大模型离普通人很远，最近才慢慢了解到AI应用对普通人的巨大机会，刘小排老师在海外AI产品深海圈航海手册里面的一句话我认为非常正确。

“有人说，所有的产品，都可以用 AI 重新做一遍，我深以为然”。而且在AI编程工具的快速发展下，普通人自己独立完成AI产品越来越容易了。

之后3-5月份我断断续续做了5、6个网站，但就是简单的重复，基本都是html格式的游戏站和个人博客这种类型，完全和我想象中产品的形态大相径庭，看到生财SCAI实验室的招募通知我果断报名加入进来，事实也证明我这个选择无比的正确。

附1： SCAI复盘记录贴（这是我来到杭州SCAI实验室后的每日复盘，大家可以结合这个一起阅读）

三、项目开发过程复盘

3.1、项目背景与开发目标 项目背景：为什么想做这个AI baby podcast 那天周六的下午刷到了一篇公众号文章介绍了海外Tiktok和YouTube上这种形式的视频特别的火，稍微研究了下发现是一家叫做Hedra公司策划的营销事件，然后爆火海外社媒，而这家公司刚好提供API，我当时判断这是一个大趋势下的小机会，可以尝试 同时呢，我当时也没有做过0-1的产品经验，所以希望通过做这个项目完善0-1的开发经验，包括数据库，登录/注册，积分体系，支付，完整后端功能等，因此也希望通过这个练手项目开发自己的第一个Micro SaaS （PS：后来才发现良辰美老师在周六上午生财的风向标就发过这个内容了，所以还是要多刷生财风向标，项目趋势信息普遍是领先外界公开信息的） 开发目标：3天完成前后端，快速上线，然后一周内接入支付和登录/注册 时间上，上面两个目标都完成了，但是过程比我预想的要困难的多，下面一一介绍我的开发过程和踩的一些坑

3.2、技术开发复盘 3.2.1 前端开发：Next.js 这块相对简单，我之前用next.js做了生财SCAI的面试题，我这次就参考之前的样式设计更改了一下，大家也可以采用小排老师课程里的bolt/v0等，我直接用Cursor帮我生成的，提示词大概如下：按照目标网站（这里直接放目标网站的url即可）的样式设计和如下结构帮我生成首页，需要包括Header、Hero、Features、WhatIs、HowTo、Why、Pricing、FAQ、Footer结构 然后告诉AI我想要开发的项目名字是什么，主要是什么功能，让它帮你修改各部分的内容，之后自己微调一遍就差不多了 这个目标网站大家可以找各种自己觉得样式结构比较清晰的网站去参考，后续UI可以再慢慢改，先把结构和基础样式做出来 下面我列出来我目前主要的项目组件，除了首页的还有后续功能页的，后续通过不同页面的page.tsx去引用这些组件，结构会很清楚 后面dashboard页我直接抄的Medeo的样式，稍微改了改颜色，这部分大家完全也可以这样参考一些优秀案例快速先把页面和功能做出来，再慢慢去调整（使用一些模板也可以）

为了更好的阅读体验，来飞书看吧：

https://yneq2bf840.feishu.cn/docx/G7wHdEXU9oDNx9xc6YocWiejnAe