进阶 | AIForCoding

大多数人一事无成，因为他们把时间都花在"维持系统运转"上，而不是"构建自己的成长体系"。

现代 Web 应用开发的主流技术栈

HTML/CSS/JS

你可以在 w3schools 上免费学习这些技能，无需购买书籍。以下两个网站的内容也是免费的：

Git

基本的代码管理技能是必需的。初期你不需要过于复杂的技能，只需知道如何克隆仓库、拉取代码和提交代码。你可以让 Langcli 教你如何使用 Git。
养成将代码提交到 GitHub 的习惯，以防止因本地电脑故障导致代码丢失。

Next.js 16 · React · TypeScript · Tailwind CSS · shadcn/ui

Next.js 16 为现代前端开发带来了强大的优势。它最显著的好处是集成了 API 层——你可以构建全栈应用，而无需引入额外的后端框架。使用 App Router，你只需在 app/api/ 目录下创建 route.ts（或 .js）文件。每个文件都会成为一个无服务器端点，支持 GET、POST、PUT、DELETE 等请求方法。这消除了对 Express、Fastify 或类似工具的需求，降低了项目复杂度和打包体积。

除了 API，Next.js 16 还提供：

服务端组件 – 在服务器上渲染页面，实现更快的首次加载和更好的 SEO。
部分预渲染 – 在同一路由中组合静态和动态内容。
改进的 Turbopack – 近乎即时的热重载，带来更流畅的开发体验。
内置优化 – 开箱即用的自动图片、字体和脚本优化。

通过将前端和后端逻辑保持在同一个代码库中，Next.js 16 简化了开发、部署和维护流程。你可以获得 React 的全部功能，同时享受统一 API 路由的简洁性——无需额外的框架。

数据库

你需要学习如何使用关系型数据库，例如 PostgreSQL 或 MySQL。因为现代稍微复杂的网站应用都需要使用数据库来存储用户数据或文章。

Prisma

Prisma ORM 是一个开源 ORM，提供对 Postgres、MySQL、SQLite 等数据库的快速、类型安全访问，并能在 Node.js、Bun 和 Deno 上顺畅运行。

大语言模型

DeepSeek v4 是一个改变游戏规则的模型。对我来说，Langcli + DeepSeek v4 是最佳的编程组合，尤其是 DeepSeek v4 Flash 编程，速度极快且成本低廉，我不用担心 token 消耗。
对于稍有难度的任务，我会切换到 DeepSeek v4 Pro 模型。
对于非常复杂的任务或需要处理图片输入的任务，我会切换到 Opus 4.6 模型。

寄语

让我们一起努力，赚到人生中的第一个 1000 美元。