浏览器中显示的转换后页面的屏幕截图

[asikurrahmanshuvo]

保存文件，然后重新加载浏览器即可看到 Next.js 页面在边缘成功转换！

6. 将 Next.js 网站部署到 Netlify
目前，只有 Netlify 支持在 Next.js 中转换响应 HTML 和页面属性，因此我们将在那里部署我们的网站。

命令运行后，您的网站将开始部署，并在一两分钟内上线。访问您创建的 URL 以查看转换后的输出。
这是一个创新的、由 Deno 提供支持的边缘逻辑层。借助 Edge Functions，开发人员只需几行 JavaScript 或 TypeScript 代码即可修改网络请求以本地化内容、投放相关广告并提高 Core Web Vitals 分数。

此外，通过利用Netlify Edge Functions 以及统一工具和无代 牙买加whatsapp数据 码解决方案，营销人员、内容撰写者和其他非技术专业人员可以对内容进行 A/B 测试或个性化页面——无需编写任何代码。

背景：Edge Functions 为 Jamstack 网站带来了什么？
通常，企业会选择Jamstack来提高其 Web 资产的快速性 牙买加whatsapp数据 能、弹性扩展、增强安全性和基础设施效率。然而，尽管静态网站承诺了所有这些，但您无法编辑它们来定制单个访问者的 Web 体验。这是一个不小的问题，因为个性化和 A/B 测试功能对于营销团队来说是重要的优势，他们的任务是不断优化用户体验并提高转化率。

可以肯定的是，在 DOM 级别工作的客户端工具比比皆是，但它们的出现时间早于当今基于虚拟 DOM 的前端库和框架（如 React 和 Vue），这导致 DOM（HTML）不断发生冲突，并导致闪烁、内容交换、用户体验不佳以及核心 Web 指标得分较低。因此，许多数字架构师已恢复使用服务器端渲染，根据解决方案的参数，这可能会增加基础设施开销，甚至影响性能。

幸运的是，静态网站的边缘处理可以解决这个问题。借助内容交付网络 (CDN) 的边缘计算功能，边缘处理不仅可以在构建时连续生成静态页面（通过 Jamstack），还可以在交付之前修改页面内容。这样您就可以同时拥有两全其美的优势：出色的性能、规模和安全特性（Jamstack 以此闻名），以及个性化和 A/B 测试功能。

为了确认一切都已连接好，这是我们使用消息道具更新的静态页面。

浏览器窗口的屏幕截图，上面有文字“这是一个静态页面 — — 现在这是一个道具”

接下来，进入中间件！