news 2026/6/15 20:33:16

入职 AI 公司,5 周内用 Next.js 上线一个产品的感悟!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
入职 AI 公司,5 周内用 Next.js 上线一个产品的感悟!

沉默是金,总会发光

大家好,我是沉默

最近组里要做一个0 → 1 的 AI 产品
老板拍板:两个月内必须能接入现有业务。

我被拉进来时,只剩5 周

技术栈已经定好:
Next.js + TypeScript + Tailwind + shadcn + AI Coding

问题是

我是个后端,没有前端经验。

如果没有 AI Coding,这个项目我一个人根本跑不动。

而有了 Claude + Cursor,我第一次体会到什么叫:

“十几分钟干完我一天的工作。”

-01-

为什么 Next.js 成了创业公司的框架

你们一定听过这段话(我是在小红书刷到的):

如果你的用户量已经大到需要考虑高并发和负载均衡,那你已经不需要自己操心这些了。

这句话,太适合 Startup 了。

我们要的不是完美架构。
我们要的是:最快上线的真实产品。

所以我们选了:

Next.js = 前端 + 后端 + API + SSR + 部署一体化

你可以理解为:

Spring Boot + Vue + Nginx + 网关 + SSR,被压成了一个仓库

MVP 阶段,速度 > 一切。

-02-

AI Coding 是怎么把“不可能”变成“刚刚好”

我没有前端基础,但我有:

  • Cursor

  • Claude 4.5

  • Trae(之前)

真实体验是:

Claude 写 UI
我负责判断“这个是不是屎”

你会发现一个很残酷的事实:

AI 写代码的速度

永远比你制造技术债的速度还快

于是你就进入了一个真实的 Vibe Coding 状态:

需求 → AI生成 → 能跑 → 先上线 → 再重构 → 再堆需求 → 再炸

这不是不专业,这是现实。


-03-

5 周时间线

我们不是写 Demo,是要接入现有业务的 AI 产品。

发生了什么

Week 1

项目初始化、Next.js+TS 学习、表结构、MySQL、CRUD

Week 2

PRD 出来,核心数据模型设计

Week 3

核心功能完成,架构讲解

Week 4

首页优化、统一登录、部署

Week 5

鉴权、Token、Cookies、核心联调

5 周之后,产品真的跑起来了

-04-

这套技术栈为什么能撑住

前端

Next.js 14 + React 18 + TypeScript + Zustand + Tailwind + AntD + Radix

你可以理解为:

速度(AntD) + 规范(Radix) + 自由(Tailwind)

混在一起,短期非常爽,长期非常危险。

但对 MVP 来说,这是性价比最高的组合


后端

Next.js API Routes
+ Prisma
+ MySQL
+ Redis
+ Zod
+ Winston

你会第一次感受到:

前端能直接操作数据库是什么感觉

这在 Java 世界里简直是邪教,
但在 Startup MVP 里,是救命稻草。

-05-

这套技术栈有哪些坑

几个让我想骂人的坑:

  • Next.js middleware 里不能 import Prisma(Edge Runtime 爆炸)

  • 静态渲染 vs 动态 API 的 build 警告

  • Ant Design X 和 v6 兼容地狱

  • 日志只能看容器 stdout

你现在看到的 AI 产品,本质是:

人 → System Agent → 路由 → 专用 Agent → Tool → LLM → 结果

MCP 解决的是:

LLM 如何标准化调用工具

A2A 解决的是:

Agent 之间如何协作、隔离上下文

未来的 App 不是一个程序,是一个Agent 集群

Python vs TypeScript,在 AI 里的真实分工

领域

Python

TypeScript

训练

王者

几乎没有

模型

核心

消费者

产品

极快

部署

UI

王炸

一句话:

Python 造 AI,TS 卖 AI。

-06-

总结

Vibe Coding 的真相

我必须说一句实话:

AI 让不会前端的人
能在 5 周内做出一个真实 AI 产品

但也让:

技术债堆得比你加需求还快

你真正要对抗的不是 AI,
是你对“我只会我那一套”的执念。

这 5 周,
是我职业生涯里技术成长最快的一段时间

因为我终于明白了一件事:

语言是工具,
速度是信仰,
AI 是时代。

你要选的不是框架,
是你愿不愿意跳进这个时代。

-07-

粉丝福利

我这里创建一个程序员成长&副业交流群,

和一群志同道合的小伙伴,一起聚焦自身发展

可以聊:

技术成长与职业规划,分享路线图、面试经验和效率工具,

探讨多种副业变现路径,从写作课程到私活接单,

主题活动、打卡挑战和项目组队,让志同道合的伙伴互帮互助、共同进步。

如果你对这个特别的群,感兴趣的,

可以加一下,微信通过后会拉你入群,

但是任何人在群里打任何广告,都会被我T掉。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 9:18:59

LLM兽医牙科影像实时诊断提速

📝 博客主页:Jax的CSDN主页 兽医牙科影像智能诊断:实时提速的创新实践 目录引言:兽医牙科的隐性危机与技术契机 一、兽医牙科影像诊断的现状与核心痛点 二、LLM赋能兽医牙科影像诊断的技术路径 1. 自然语言理解:从影像…

作者头像 李华
网站建设 2026/6/15 9:16:01

青少年学困干预的APCF数字化路径探讨

针对青少年“无效努力”“动力缺失”等学习困境,本文系统剖析树懒魔方联合陈广汕老师团队开发的APCF整合咨询体系。该体系基于心理测量学与认知科学,通过学业(Academy)、心理(Psychology)、行为发展&#x…

作者头像 李华
网站建设 2026/6/15 20:10:56

【QT】1.QT 基础入门

目录 一、新建项目 1. 新建项目 二、生成代码 1. main.cpp 2. widget.h / widget.cpp 3. widget.ui 4. .pro 文件 5. 运行后生成的文件 三、创建控件 1. Label(标签) 2. 编辑框 3. 一个简单的交互程序:点击按钮切换文字 四、乱码…

作者头像 李华
网站建设 2026/6/14 22:28:25

django基于大数据旅游数据分析与推荐系统的设计与实现-计算机毕业设计源码+无LW文档

Django基于大数据旅游数据分析与推荐系统的设计与实现 摘要 本文阐述了一个基于Django框架,结合大数据技术的旅游数据分析与推荐系统的设计与实现过程。该系统旨在利用大数据分析技术深入挖掘旅游数据,为游客提供精准的旅游推荐和全面的旅游资讯&#xf…

作者头像 李华
网站建设 2026/6/15 10:20:31

智装升级:工业4.0时代的高效包装革命

智能包装解决方案在当今智能制造环境中发挥着重要作用,尤其是在工业4.0的背景下。这些方案不仅运用自动化包装系统来提高生产效率,还强调了智能化在包装过程中的关键作用。通过智能包装整体方案的实施,企业能够减少人工干预,提高工…

作者头像 李华
网站建设 2026/6/15 10:20:08

从文本到仿真:多智能体大型语言模型(LLM)自动化化学工艺设计工作流程

过程模拟是化工设计的核心基石。当前自动化化工设计方法主要集中于各类流程图的表达形式。然而,将这些图示转化为可执行的模拟流程图,仍是一项耗时费力的任务,需要在模拟软件中进行大量手动参数配置。本研究提出一种新颖的多智能体工作流程&a…

作者头像 李华