我让AI用Nest.js + Next.js,全程帮我写了一套文章生成系统

0 阅读8分钟

大家好,我是你们的老朋友。

今天不聊虚的,直接讲一个我最近玩得很上头的事情——我用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的实体关系——但我确实拥有了一套能工作、能交付的系统

这让我重新思考了几个问题:

  1. 编程的壁垒正在从“写代码”向“描述需求”转移。
    我能把自己的想法分割成AI能理解的小块,能用清晰的语言定义输入输出、状态流转、异常处理,这反而成了比敲代码更重要的能力。

  2. 全栈框架的工程化优势被AI放大了。
    Nest.js和Next.js之所以适合AI生成,是因为它们本身的约定大于配置。AI能很轻松地遵循既定规则,产出的代码自然规范干净,减少了后期调试的心智负担。

  3. 创作者的终极形态或许是“编排者”。
    我愿意把这种模式叫做“AI编排开发”。你不是在一行一行写代码,而是在编排不同的AI提示词,把一个想法翻译成软件。创作者的想象力边界,再次被推远了一截。

六、写在最后

这套AI文章生成系统,对我而言不仅仅是一个工具,更像一个宣言:普通创作者完全可以借助AI,亲手给自己打造专属的创作助手。

你不用成为Nest.js专家,也不用把Next.js所有文档翻烂,只要你能说清楚你想做什么,AI就能帮你把想法落地成真实可用的产品。

如果你也有类似的点子,我强烈推荐你去试试。去和AI对话,让它帮你搭一套属于自己的小系统。那种“亲手造轮子”的快乐,和看着代码跑起来那一刻的激动,真的很难用语言形容。

未来我还会利用这套系统,继续迭代更复杂的功能:多模态输入、长文优化、自动配图……而实现这些的,大概率还是AI帮我写代码。

这是一个属于创作者的好时代。让我们,玩起来吧。

如果这篇AI生成的文章对你有启发,欢迎点赞、转发给同样爱折腾的朋友。如果你想体验或者要这套ai生成源码干货,可以私信我