Vercel 基础
大家好，这节课我们开始 Vercel：https://vercel.com/。
我们先从一个非常具体的场景开始。如果你正在用 Next.js 开发一个产品，特别是这个产品需要面向海外用户，那么请听我的第一个建议：不要犹豫，直接选择 Vercel。为什么？因为它是 Next.js 的“亲爹”，原生支持、全球 CDN 加速、预览体验，这些都能帮你把项目做得更稳、更快。
当然，如果你的需求很简单，比如就是一个静态的营销页面或内容博客，Netlify 可能会更省心、更划算一些。
清楚了这两者的定位差异，我们就可以把焦点放回 Vercel 上了。它到底强大在哪里？
在没有 Vercel 的时代，部署一个网站，哪怕是很小的个人项目，都可能是一场折磨的开始。我给你描述一下那个流程：你得自己去租服务器，然后在那个黑漆漆的命令行窗口里敲一堆复杂的命令来配置环境。每次代码更新，你还要 push 和 pull。整个过程不仅繁琐、耗时，而且极易出错。
我相信，在座的各位没人想体验这种“石器时代”的开发方式。
而 Vercel 的出现，就是为了彻底终结这种混乱。
一句话，Vercel 就是一个能将你的前端项目，用最快、最简单的方式发布到全世界的平台。
它的核心在于“自动化”。你只需要把代码推送到 GitHub（或 GitLab/Bitbucket），剩下的所有事情——拉取最新代码、打包构建、上线发布——Vercel 会在几十秒内自动帮你搞定。
从此，你可以彻底告别服务器和命令行，把 100% 的精力都投入到“创造”本身。
Vercel 的核心价值：它究竟能为你带来什么？
市面上的部署平台很多，为什么我会如此推崇 Vercel？因为它提供的几个核心功能，精准地解决了现代 Web 开发的痛点。
1、极致简单的部署流程
这一点怎么强调都不过分。它的操作逻辑就是：关联你的 GitHub 账号 -> 选中你的项目 -> 点击“Deploy”。完成了。对，就是这么简单。它把原本需要专业运维知识才能搞定的事情，变成了一个任何人都能完成的点击操作。
2、快到惊人的全球访问速度
Vercel 会把你的网站资产部署到它的“全球边缘网络 (Edge Network)”上。这是什么意思？传统方式下，你的网站可能只放在一台位于美国的服务器上，那么亚洲用户访问时，数据就要跨越半个地球，延迟会非常高。而 Vercel 的方式，是把你的网站在全球成百上千个节点都部署一份拷贝。用户访问时，会自动从物理距离最近的节点加载，速度自然是天壤之别。对于出海项目来说，这一点至关重要。
3、对主流框架的“亲儿子级”支持
Vercel 公司就是 Next.js 框架的创造者，所以它对 Next.js 的支持是独一档的，所有最新的特性（比如 SSR、ISR、Server Components）都能无缝运行。当然，即便你用的是 Vue、Nuxt、Svelte、Astro 等其他任何现代框架，Vercel 也能自动识别并采用最佳方式构建，你几乎不需要任何额外配置。
4、轻松搞定轻量级后端需求 (Serverless Functions)
这是 Vercel 非常强大的一个功能。想给网站加个“联系我”的表单提交功能，或者需要调用一个外部 API？在 Vercel 项目里，你只需要创建一个 api 目录，里面的每一个文件都会自动变成一个可以独立运行和访问的后端接口。这种“无服务器函数”技术，让你无需维护一整台后端服务器，就能轻松实现轻量的后端功能，极大地降低了全栈开发的门槛和成本。