大家好,我是你们的老朋友。
今天不聊虚的,直接讲一个我最近玩得很上头的事情——我用AI,全程没怎么自己敲代码,搞出了一套AI文章生成系统。
对,你没听错,从后端接口到前端页面,基本全是AI写的。
而技术栈是我特意选的:Nest.js + Next.js。
为什么选这两个?因为它们一个负责后端逻辑,一个负责全栈前端,天生就是一对完美搭档。而且说实话,我之前对这两个框架只是停留在“知道”的阶段,能借助AI的力量把它们实实在在跑起来,整个过程简直像开了挂。
今天这篇文章,我想把这个“指挥AI干活”的过程原原本本分享给你,同时也带你看看这套系统到底能做什么。
一、起因:我想拥有一套自己的内容生产工具
作为一个内容创作者,我每天都要面对选题、素材、撰写、排版的循环。有时候灵感枯竭,有时候纯属手懒,有时候只是想让脑子里一闪而过的点子快速变成一篇像样的稿子。
市面上的AI写作工具不少,但要么收费不菲,要么风格受限,要么数据安全让我犯嘀咕。于是我就想:我为什么不自己搞一套?
刚好那段时间,我开始重度使用AI编程助手。起初只是让它写写函数、补全代码,后来慢慢发现:只要你把需求拆解得足够清楚,把上下文给得足够详细,AI真的能撑起一个完整项目的骨架。
于是我给自己定了一个挑战:用Nest.js做后端API,用Next.js做前端界面,全程让AI帮我写代码,我要在最短时间内跑通一个AI文章生成系统。
二、为什么是Nest.js + Next.js?
选技术栈的时候,我几乎没有犹豫。
Nest.js是一个渐进式的Node.js后端框架,它用TypeScript写,天然支持模块化、依赖注入。最重要的是,它的架构特别清晰,控制器、服务、模块一层一层,AI理解起来很顺畅,生成的代码结构也非常工整。
Next.js更不用说了,React的全栈框架,支持SSR、静态生成、API路由,而且写页面就像搭积木。用它的App Router模式,页面和接口可以放在一起,省去了跨域联调的麻烦。
这对组合还有一个隐藏好处:前后端都用TypeScript,类型统一,AI在两端切换的时候不会产生分裂感,生成的接口类型定义甚至可以直接复用。
定下技术栈之后,我的工作就剩下了一件:跟AI对话。
三、我是怎么指挥AI干活的?
我给自己立了一个规矩:尽量不改AI生成的代码,除非真的跑不通。
整个过程大概分成了三个阶段。
1. 搭骨架:先把项目跑起来
我先让AI帮我把Nest.js后台和Next.js前台的基础项目结构生成出来。这不是简单的一个命令,而是我告诉它:
- 我要做一个文章生成系统,后台需要封装OpenAI接口;
- 我需要一个“生成任务”的概念,用户输入标题和风格,后端调用AI,然后把结果存下来;
- 前端需要有一个输入页,一个结果展示页,一个历史记录列表。
AI帮我生成了Nest.js的模块结构,app.module.ts里自动挂好了AiModule、TaskModule,甚至帮我写了一个用于请求校验的DTO。Next.js这边,它生成了首页路由、生成页路由、历史页路由,组件拆好了,Tailwind CSS也顺手配上了。
我几乎只是复制粘贴,然后 npm install,项目就跑起来了。
2. 上核心逻辑:打通AI生成链路
接下来就是最关键的一步——让AI帮我写调用AI的逻辑。
听上去像套娃,但实际操作起来特别顺畅。我告诉AI:“帮我在Nest.js的AiService里写一个方法,用openai的chat.completions.create接口,接收标题和风格参数,返回生成的文章内容。要求包含错误处理和环境变量配置。”
AI不仅写出了完整的方法,还自动加上了重试机制、超时设置,甚至提示了我需要在.env里填写OPENAI_API_KEY。
TaskModule那边,它生成了完整的CRUD——创建任务、更新任务状态、查询任务列表、删除任务。数据库用的是SQLite,纯粹为了省事,AI帮我配好了TypeORM,自动建表,连迁移文件都省了。
3. 打磨体验:让前端活起来
后端跑通之后,我用同样的方式折磨AI:“现在把前端表单页做好,要求简约风格,输入标题和风格选择,点生成后调用后台接口,然后跳转到结果页,并且展示一个加载状态。”
Next.js的生成页就这样出来了。Tailwind CSS加持下,界面干净得不像一个程序员写的。风格选择用了单选按钮组,有“专业严谨”“轻松幽默”“小红书爆款”等几个自带选项。生成时一个旋转的小图标加上“AI正在为你创作...”的文案,体验感直接拉满。
历史页同样让AI搞定,一个卡片列表,按时间倒序排列,支持点击查看详情和删除。
最难的部分我没有自己写一行代码,我只是当好了“产品经理”——描述需求,验收结果,提出修改意见。
四、这套系统到底能做什么?
现在这套系统已经稳稳跑在我的本地环境里,每天帮我生成各种草稿。它的核心功能其实特别纯粹:
🎯 标题 + 风格 = 文章
你输入一个标题,再选一种你想要的风格,系统会在几秒到十几秒内生成一篇结构完整、语言流畅的文章。
比如说我输入“为什么越来越多年轻人开始养花”,风格选择“小红书爆款”,出来的内容就会带着emoji、短句、话题感,可以直接拿去用。如果换成“专业严谨”,它会生成条理分明的论述,适合做知识类内容。
✅ 历史记录随时翻看
所有生成过的文章都保存在历史记录里,我可以随时回看、复制,不满意的就删掉重来。这相当于一个私有的灵感素材库。
🔒 完全私有,数据自主
因为整套系统跑在我自己的机器上,API Key也是我自己的,所有数据都在本地。和那些在线工具相比,没有任何内容泄漏风险,我可以放心地把最天马行空的想法扔进去试。
五、这次“AI全栈开发”带给我的几点思考
说实话,跑通这套系统的时候,我心里冒出了一种很不真实的感觉。
我并没有手写复杂的接口封装,没有去调试App Router的嵌套布局,没有配TypeORM的实体关系——但我确实拥有了一套能工作、能交付的系统。
这让我重新思考了几个问题:
-
编程的壁垒正在从“写代码”向“描述需求”转移。
我能把自己的想法分割成AI能理解的小块,能用清晰的语言定义输入输出、状态流转、异常处理,这反而成了比敲代码更重要的能力。 -
全栈框架的工程化优势被AI放大了。
Nest.js和Next.js之所以适合AI生成,是因为它们本身的约定大于配置。AI能很轻松地遵循既定规则,产出的代码自然规范干净,减少了后期调试的心智负担。 -
创作者的终极形态或许是“编排者”。
我愿意把这种模式叫做“AI编排开发”。你不是在一行一行写代码,而是在编排不同的AI提示词,把一个想法翻译成软件。创作者的想象力边界,再次被推远了一截。
六、写在最后
这套AI文章生成系统,对我而言不仅仅是一个工具,更像一个宣言:普通创作者完全可以借助AI,亲手给自己打造专属的创作助手。
你不用成为Nest.js专家,也不用把Next.js所有文档翻烂,只要你能说清楚你想做什么,AI就能帮你把想法落地成真实可用的产品。
如果你也有类似的点子,我强烈推荐你去试试。去和AI对话,让它帮你搭一套属于自己的小系统。那种“亲手造轮子”的快乐,和看着代码跑起来那一刻的激动,真的很难用语言形容。
未来我还会利用这套系统,继续迭代更复杂的功能:多模态输入、长文优化、自动配图……而实现这些的,大概率还是AI帮我写代码。
这是一个属于创作者的好时代。让我们,玩起来吧。
如果这篇AI生成的文章对你有启发,欢迎点赞、转发给同样爱折腾的朋友。如果你想体验或者要这套ai生成源码干货,可以私信我