Netlify 控制台中的新带宽计费信息

[israt9623525]

Next.js Middleware 在 Netlify 上开箱即用，而添加由 Deno 提供支持的 Netlify Edge Functions 后，效果会更好。Edge Functions 为开发人员提供了更多选项来实现中间件用例，例如本地化、个性化、身份验证、A/B 测试等。

什么是 Next.js 中间件？
Next.js Middleware 是一项令人兴奋的功能，作为 Next.js 12 的一部分发布，并且从第一天起就得到了 Netlify 的支持。使用 Next.js Middleware，您可以根据用户的传入请求或位置修改响应。这意味着您可以重写、重定向、添加标头或流式传输 HTML。

Next.js 中间件如何在 Netlify 上运行？
现在，借助Netlify Edge Functions，Next.js 中间件可以在边缘而不 巴哈马电报号码数据库 是源服务器运行。这意味着使用 Netlify 的 Next.js 开发人员将看到性能改进和延迟降低，因为中间件代码现在将更靠近用户运行。

除此之外，Next.js 中间件现在可以在静态页面或由 Netlify CDN 使用增量静态再生 (ISR) 提供的页面上运行，让您在预渲染的页面上增添一些动态魔法。

查看这个入门演示来了解其工作原理。

此示例演示了如何使用 Next.js 中间件根据用户的国家代码动态显示内容。

图像

其工作原理如下：部署网站时，Netlify 将中间件函数打包到 Edge Function 中，并从请求中将地理位置信息传递给它。此信息包括国家代码、城市、地区、纬度和经度。该函数获取国家代码并将其重写为查询参数添加的 URL，Next.js 会将该查询参数提供给页面模板，以便它可以呈现国家名称和国旗。