我的全栈工具箱：2025 年我常用的 7 个技术组合
很多人问我：“你到底用什么技术栈？”
我的回答总是：没有万能工具，只有最适合当前场景的组合。
在过去几年的项目中，我尝试过不少框架和方案，最终沉淀下一套“用得顺手、踩坑少、交付快”的工具箱。今天就来分享我在 2025 年最常使用的 7 类技术组合——它们覆盖了从原型验证到生产部署的完整链路。
📌 注：这不是“最佳实践”清单，而是我亲测好用、愿意长期维护的选择。
1. 前端：按需选择框架 + 统一样式体系
✅ 场景一：内部系统、管理后台（无需 SEO）
- 框架：
React+Vite - UI 库：
shadcn/ui+Radix UI+Tailwind CSS或Ant Design
为什么？
内部系统不需要搜索引擎收录，追求开发效率和交互体验。shadcn/ui基于Radix UI，组件可定制、无障碍友好，配合Tailwind写样式几乎零成本。
比起“全家桶”，这种组合更轻、更灵活。
✅ 场景二：对外网站、营销页、内容型应用（需要 SEO）
- 框架：
Next.js（App Router） - UI 库：
Tailwind CSS+shadcn/ui或Ant Design
为什么？
Next.js 的 SSR/ISR 能完美解决 SEO 问题，同时支持 React 生态。
对于需要快速交付的企业官网或博客，它几乎是“开箱即用”的最优解。
✅ 移动端 H5
- UI 库：
Ant Design Mobile - 适配方案：
vw/vh+postcss-px-to-viewport
虽然社区热度不如从前，但在国内企业级 H5 项目中，antd-mobile 的组件完备性和稳定性依然能打。2. 后端：轻量、类型安全、快速交付
- 主力框架：
FastAPI（Python） - 特殊场景：
Next.js API Routes（轻量接口、前后端一体）
为什么选 FastAPI？自动生成 OpenAPI 文档，前端联调效率翻倍强类型 + Pydantic，减少 80% 的参数校验 bug异步支持好，适合 I/O 密集型任务（如调用 AI 模型、处理文件）
而对于小型项目或静态站点配套接口，我直接用Next.js的 API Routes，省去部署另一个服务的麻烦。
3. 数据库：关系型 + 云原生双轨制
- 传统项目：
MySQL（自建或云数据库） - 快速原型 / 无后端项目：
Supabase
MySQL 稳定、熟悉、生态成熟，适合有复杂事务或已有运维体系的项目。
而Supabase是我近年最爱的“加速器”：自带 Auth、Realtime、StoragePostgreSQL 底层，支持 Row Level Security10 分钟就能跑通一个带用户系统的 MVP
现在，我甚至用 Supabase 做个人项目的数据后端，连 FastAPI 都省了。
4. 桌面端：Electron 依然是务实之选
- 技术栈：
Electron+React+Vite
虽然社区总说 “Electron 太重”，但现实是：它跨平台（Win/macOS/Linux）调试方便（就是个浏览器）社区插件丰富（自动更新、托盘、系统通知）
对于需要“桌面应用”形态但团队只有 Web 开发者的项目，Electron 仍是性价比最高的方案。
5. 部署：三档策略，按需匹配
| 项目类型 | 部署方案 | 优势 |
|---|---|---|
| 静态站点 / Next.js | Vercel |
极速部署、自动 HTTPS、边缘网络 |
| 全栈应用（含后端） | 云主机 + Docker |
完全可控、成本低、适合长期运行 |
| 边缘函数 / CDN | Cloudflare Pages + Workers |
低延迟、按需执行、适合轻逻辑 |
我的策略：个人博客、营销页 → Vercel（免费+快）企业级应用（FastAPI + MySQL）→ 云主机 + Docker Compose（稳定+可监控）需要全球加速的轻接口 → Cloudflare Workers（比如 URL 短链、简单代理）
6. 认证：Better Auth，让我告别手写登录
- 方案：
better-auth（配合 Next.js 或 FastAPI）
以前每次做项目，都要重写注册、登录、OAuth、Session 管理……
直到用了better-auth：开箱支持 GitHub/GitLab/Google 登录自动处理 CSRF、Session、JWT类型安全，TypeScript 友好
现在，我 1 小时就能搞定一个带第三方登录的用户系统。
7. 样式与体验：Tailwind + Radix，我的 UI 基石
虽然上面提到了多次，但值得单独强调：
Tailwind CSS：原子化 CSS，告别命名焦虑，开发速度飞起Radix UI：无样式、无障碍、可完全定制的原始组件shadcn/ui：在 Radix 基础上封装的美观组件，直接复制到项目即可用
这套组合，让我既能快速出原型，又能保证最终产品的交互质量和可维护性。
结语：工具是手段，不是目的
虽然我知道盲目追新不好，新往往不稳定。不过可能对于国内来说这很新，但是这在国外来说，已经是成熟稳定的产品了。所以我所选择的技术栈来说，一般都是在国外火的，而不是最新的。因为火的，社区支持就好，用的人多，就更稳定。
这份清单会随时间更新，但原则不变：简单、可靠、高效。
如果你也在搭建自己的工具箱，欢迎交流！