返回小册总览
开发准备 · 90-120 分钟

开发工具与技术栈的选择

选择你能维护、能部署、能收款、能快速迭代的技术栈。

适合:开发准备 阅读:理解为主 练习:按需选择 重点:判断与取舍
适合谁学 开发准备,正在处理「搭建交付」相关问题的人
读完得到 确定前端框架、数据库、认证、部署、监控和 AI 编程工具组合。
建议学法 先读正文,再按需展开练习和清单,不需要一次做完所有材料。
Cloudflare Pages Astro 部署文档截图
读完这节后你应该理解 确定前端框架、数据库、认证、部署、监控和 AI 编程工具组合。
学完以后

把这节内容接到真实任务里

这套小册不是孤立文章。读完后可以继续看相邻小册、去工具库找方案,或者去项目库看同类产品怎么表达。

先抓重点

本节最重要的 3 件事

不要把这一节当成操作手册。先理解它为什么重要、适合什么场景、有哪些取舍,再决定要不要把它变成自己的下一步行动。

01 先理解

确定前端框架、数据库、认证、部署、监控和 AI 编程工具组合。

02 再判断

内容站、目录站、工具站优先 Astro/Next.js 静态或混合渲染。

03 看误区

过早微服务

正文

先把这件事想清楚

这一部分是主线内容。你只需要顺着读完,理解判断逻辑、适用场景和容易误判的地方。

01

先理解问题边界

这篇小册想讨论的是 技术栈选择。 技术栈选择 的重点是把产品做成可维护、可部署、可排障的系统,不是追逐最流行的框架。 读这篇的人通常是需要快速交付并长期维护产品的独立开发者,所以先不要急着打开代码编辑器,也不要让 AI 直接替你“做完整方案”。更重要的是先把问题、约束、材料和判断标准想清楚。

为什么要先做这一步?因为独立开发最稀缺的不是工具, 而是判断力。你一个人做产品时,需求、设计、开发、运营和客服都会压到同一个人身上。如果 产品形态 没有写清楚,后面每一步都会变成返工。

这里采用“用维护成本约束技术选择”作为思考原则。 它的意思是:先看哪些材料真的能支持判断,再决定是否扩大投入。材料可以是页面截图、字段表、配置截图、命令输出、错误日志、订单状态、发布链接、客服记录或政策来源。

开发工具与技术栈的选择 先理解问题边界图解
理解路径 先看清问题从哪里来、为什么重要、哪些判断会影响后面的选择。
02

拆开关键概念和判断点

先建立边界。 今天你只需要围绕 产品形态、核心页面、数据结构、部署路径、日志和回滚 做判断,不需要把所有周边问题一起解决。比如字段没定清楚,就不要急着做复杂后台;状态没跑通,就不要先做完整会员系统;还没有上线,就不要先纠结高级监控。

你可以按这个顺序理解: 先确认产品是内容站、目录站、SaaS 还是工具;列出前端、数据、认证、支付、部署、监控模块;为每个模块只选一个默认方案;用假数据跑通列表、详情和提交路径;写下构建、预览、部署和回滚命令。它不是强制流程,而是一条避免漏掉关键判断的线索。读完之后,最好能让别人打开你的记录,看到你为什么这么判断。

建议你从 技术选型表 开始。 先建一个文件,标题就写「技术栈选择 - 技术选型表」。文件里放四块内容:当前判断、证据来源、暂不处理的部分、下一步触发条件。这四块比漂亮排版更重要。

开发工具与技术栈的选择 拆开关键概念和判断点图解
判断材料 把支持判断的材料放在一起:场景、证据、限制、反例和参考来源。
03

看清取舍,而不是照单全做

如果你是小白, 最容易卡在 核心页面。处理方法是把它写成一句普通话:我现在要确认什么?我手上有什么证据?我缺什么材料?我今天能完成的最小动作是什么?只要这四个问题能回答,就可以继续推进。

一个可以代入的例子是: 把产品拆成首页、列表页、详情页、提交入口和后台审核。 这一步不要追求完整,先让它可见。你可以用 Notion、飞书表格、Excel、纸笔或仓库里的 Markdown 文件记录,工具不重要,关键是能被复用。

第二个判断是: 用一张表写清楚每类数据的字段、状态和来源。 这里要特别注意,不要只写结论。比如“功能应该没问题”不是证据,“页面截图、构建通过记录、错误状态截图和下一步待办都保存到了同一个文档”才是证据。

开发工具与技术栈的选择 看清取舍,而不是照单全做图解
取舍提醒 提醒常见误判和取舍边界,避免把别人的路径当成自己的答案。
04

把理解沉淀成自己的判断

第三个判断是: 选择一个最小部署方案,并跑通本地构建和线上访问。 这一步通常会暴露取舍:哪些应该手动,哪些需要产品化,哪些暂时不值得做。把“不做什么”写下来,能帮你避免后面被新想法拖走。

第四个判断是: 补上错误日志、备份和回滚步骤,避免上线后不知道从哪里查。 想完后不要马上开新任务,先复盘一次。复盘只问三件事:这一步证明了什么?还有什么没有证明?下一步如果失败,应该缩小范围还是换方向?

建议沉淀的材料包括: 技术选型表、实体字段表、页面路径图、上线检查表。这些材料不只是给自己看,也可以作为后续让 AI 继续工作的上下文。你把材料写得越具体,AI 越容易帮你生成页面、代码、检查清单或下一步任务。

开发工具与技术栈的选择 把理解沉淀成自己的判断图解
理解路径 先看清问题从哪里来、为什么重要、哪些判断会影响后面的选择。
05

用 AI 和复盘校准下一步

这件事最需要警惕的是: 最容易犯的错是过早复杂化:还没有用户和订单,就先做微服务、自建权限系统、多环境运维和复杂后台。 所以不要把“我看懂了”当成终点。真正有价值的是:你能解释取舍,知道哪些证据还不够,也知道下一步为什么值得做或不值得做。

AI 可以参与这件事, 但不能替你做判断。更合适的用法是:让 AI 帮你把草稿整理成表格,把步骤改成 checklist,把风险转成测试项,把输出改成可以直接执行的任务。关键决策仍然要由你根据产品目标和真实约束来定。

最后可以形成一个阶段性沉淀: 一份技术选型表和上线检查表。它不一定漂亮,但应该能被复用,能指导下一步行动,也能让别人快速理解你现在想到哪里、还差什么。

开发工具与技术栈的选择 用 AI 和复盘校准下一步图解
判断材料 把支持判断的材料放在一起:场景、证据、限制、反例和参考来源。
场景拆解

一个小团队会怎么理解:选择 Astro、Cloudflare Pages 和静态数据

假设你只有一个人,晚上和周末推进项目,时间有限,所以更需要先统一判断,而不是把别人的流程照搬一遍。

01

先把“选择 Astro、Cloudflare Pages 和静态数据”写成一个具体问题:目标是什么、你已经知道什么、还有哪些不确定。

02

把问题拆成 4 个以内的判断点,每个判断点都写清楚依据和反例。

03

阅读时记录关键选择:为什么这样看,暂时不做什么,遇到问题应该查哪个文档或工具。

04

结束后把理解整理成下一次可以复用的判断框架,而不是只留下一个空泛结论。

一个可检查的阶段性产出。同时你应该能解释本次选择、留下可复用材料,并知道下一步要补哪一个判断。
辅助材料

需要时再打开

下面这些内容不再打断正文。你可以先读完文章,再按自己的需要展开思维导图、练习、清单或参考资料。

01 思维导图和离线文件

适合读完后下载到自己的知识库里继续整理。

小册思维导图

把核心概念、判断线索、取舍边界和常见误区整理成一张图。建议下载 Markdown 版本,放进自己的知识库。

开发工具与技术栈的选择 小册思维导图
02 理解练习

不是作业。只在你想把文章转成自己的判断时使用。

把这节内容放回自己的项目里想一遍

这不是要求你照着流程完成任务,而是给你一个练习场景,帮助你确认自己是否真的理解「开发工具与技术栈的选择」。如果暂时没有项目,也可以先用一个具体想法代入。

思考场景 可以思考的场景

围绕「开发工具与技术栈的选择」选一个你正在做或想做的项目,写下当前判断、证据、疑问和可能的下一步。重点不是一次做完,而是把判断讲清楚。

怎么用这部分

先把每个问题当成一次经验分享来读。你只需要写清楚:现在怎么理解、依据是什么、哪些地方还不确定、下一步要看什么信号。

阅读前

带着这些问题

01

准备一个文档、表格或白板,用来记录本节的关键判断、疑问和证据。

02

打开你正在做的产品、候选 Idea、代码仓库、支付后台或发布渠道,把真实材料放在手边。

03

先只讨论本节相关的问题,不急着把它扩展成完整系统。

怎样才算理解了

如果你写出来的只是“我要马上做某个动作”,说明还停留在执行层。再补一句:为什么现在值得做,依据是什么,失败时我会看到什么信号。

如果你能把这一节讲给另一个刚入门的人听,并说清楚适用场景、不适用场景和一个真实例子,才算真正理解。

想一遍

先把判断写清楚

15 分钟

01 / 判断产品形态

先选内容站、目录站、SaaS、Chrome 插件、API 服务或移动应用,不同形态不要混用同一套技术决策。

可以这样想
  1. 围绕这句话写下你当前的理解:「先选内容站、目录站、SaaS、Chrome 插件、API 服务或移动应用,不同形态不要混用同一套技术决策。」
  2. 写下你为什么会这样判断:依据来自用户、业务、技术约束、成本还是风险。
  3. 同时写下一个反例:什么情况下这个判断可能不成立,或者暂时不适合你。
参考写法

产品形态:____;前端框架:____;数据存储:____;认证方案:____;支付方案:____;部署平台:____;日志/监控:____;暂不引入:____。

20 分钟

02 / 选最小可维护栈

写下前端、数据、认证、支付、部署、日志 6 个模块。每个模块只选一个默认方案。

可以这样想
  1. 围绕这句话写下你当前的理解:「写下前端、数据、认证、支付、部署、日志 6 个模块。每个模块只选一个默认方案。」
  2. 写下你为什么会这样判断:依据来自用户、业务、技术约束、成本还是风险。
  3. 同时写下一个反例:什么情况下这个判断可能不成立,或者暂时不适合你。
参考写法

实体名称:____;必填字段:____;可选字段:____;状态字段:____;来源字段:____;更新时间:____;后台可编辑字段:____。

30 分钟

03 / 搭出可部署骨架

创建首页、详情页、提交入口和一个假数据文件,先部署到线上,确认域名、SSL、构建流程正常。

可以这样想
  1. 围绕这句话写下你当前的理解:「创建首页、详情页、提交入口和一个假数据文件,先部署到线上,确认域名、SSL、构建流程正常。」
  2. 写下你为什么会这样判断:依据来自用户、业务、技术约束、成本还是风险。
  3. 同时写下一个反例:什么情况下这个判断可能不成立,或者暂时不适合你。
参考写法

本地启动:____;构建命令:____;预览命令:____;部署命令:____;域名:____;SSL:____;回滚方式:____;日志位置:____。

30 分钟

04 / 补上验收命令

记录 build、lint、test、deploy 命令,并让 AI 每次改动后必须跑这些命令。

可以这样想
  1. 围绕这句话写下你当前的理解:「记录 build、lint、test、deploy 命令,并让 AI 每次改动后必须跑这些命令。」
  2. 写下你为什么会这样判断:依据来自用户、业务、技术约束、成本还是风险。
  3. 同时写下一个反例:什么情况下这个判断可能不成立,或者暂时不适合你。
参考写法

以「部署平台」为标题写一段理解记录:我现在怎么看这件事、依据是什么、还有哪些不确定、如果要行动会先验证什么。

回头看

理解 本地能运行
理解 线上能访问
理解 有明确数据结构
理解 有构建和部署命令
理解 知道出问题看哪里日志
理解 确定前端框架、数据库、认证、部署、监控和 AI 编程工具组合。
03 清单、模板和关键词

适合在读完后做自查,或者交给 AI 作为下一步上下文。

写给自己的理解记录

这些空不要求一次填完。它们更像阅读后的自查问题。

产品形态:____首选框架:____,原因:____数据存储:____部署平台:____上线前必须通过的命令:____

可借用的思考模板

这些模板不是标准答案,而是帮你把判断写得更清楚。按自己的项目改写即可。

技术选型模板

产品形态:____;前端框架:____;数据存储:____;认证方案:____;支付方案:____;部署平台:____;日志/监控:____;暂不引入:____。

数据字段模板

实体名称:____;必填字段:____;可选字段:____;状态字段:____;来源字段:____;更新时间:____;后台可编辑字段:____。

上线检查模板

本地启动:____;构建命令:____;预览命令:____;部署命令:____;域名:____;SSL:____;回滚方式:____;日志位置:____。

理解关键词

框架选择数据库方案认证方案部署平台日志监控AI 编程工具备份策略

容易误判

  • 过早微服务
  • 过早自建用户系统
  • 没有 staging 环境
  • 没有日志和错误追踪
  • 依赖 AI 写代码但不验收
04 工具和参考资料

放在最后,避免一开始就被外部链接带走。

可参考工具

AstroNext.jsSupabaseCloudflare PagesVercelCodexCursor
参考资料 官方文档与公开来源