Next.js 开发商 Vercel 正式推出 Edge Functions


Next.js 框架背后的开发商 Vercel 宣布推出 Edge Functions,现已面向所有客户全面推出 (GA)。

根据介绍,Vercel Edge Functions 是 JavaScript、TypeScript 或 WebAssembly functions,通常比传统的 Serverless compute 更高效、更快速,因为它们在一个更精简的 runtime 内运行。默认情况下在全局部署,Edge Functions 在最接近请求的区域运行以尽可能降低延迟。

// pages/api/hello.ts
export const config = {
runtime: 'edge'
}

export default function handler(req: Request) {
return new Response("Hello World");
}

与 Edge Middleware 不同,Functions 在缓存之后运行;因此既能缓存又能返回响应,非常适合数据获取或重写。Next.js 和许多其他框架(如 Nuxt、Astro 和SvelteKit)都原生支持 Vercel Edge Functions 。Edge Functions 也可以在 Vercel CLI 中创建为独立函数。

Vercel 于去年夏天推出了 Edge Functions 的公测版。并声称在测试期间,其 Edge Network 已经看到超过 300 亿次的 Edge Function 调用。自测试版以来,Vercel 增加了将 Edge Functions 放入特定区域的能力,增加了对 WebAssembly 的支持,并提高了性能。

Edge Functions 使用轻量级的 Edge Runtime,它建立在 Chrome 浏览器使用的 V8 引擎上,不在 MicroVM 内运行。Vercel 自己的开源 OG Image Generation 项目利用了 Edge Functions 进行全局快速计算。其数据表明,用运行在 Edge Functions 中的 OG Image Generation 生成一百万张图片的成本比用 Serverless Functions 生成同样一百万张图片的成本低近 15 倍。

目前,该公司还在改进 Edge Functions 和 Serverless Functions 之间的兼容性。他们的目标是让 Edge Runtime 成为 Node.js API 的适当子集,希望用户能够根据性能和成本特征而不是 API 选择他们的执行环境。以及致力于改进函数的可观察性和错误报告、努力实现无缝互操作性等。

Edge Functions 以每次调用 50 毫秒的 CPU 时间为单位计费,称为执行单元 (execution units)。业余爱好者每月可免费获得 500,000 个 Edge Function 执行单元。Pro 和 Enterprise 团队每月免费提供 100 万个 Edge Function 执行单元,并且可以增加额外的使用量。

更多详情可查看官方公告。


相關推薦

2023-04-10

s|jsx|ts|tsx) 动态 OG 图像生成 六个月前,Next.js 发布了 @vercel/og 和 Satori 库,它们允许您使用 JSX、HTML 和 CSS 动态生成图像。 自发布以来,随着 Vercel 客户的广泛采用和超过 900,000 次下载,Next.js 很高兴能够将动态生成的图像引

2022-09-12

所以速度必须快。Fresh 非常适合在 Deno Deploy、Netlify Edge Functions 或 Supabase Edge Functions 等边缘 runtime 场景运行。由于渲染过程在物理上非常靠近用户,从而可以最大限度地减少网络延迟。 Fresh 亮点特性 无构建步骤 零配置

2023-10-30

Vercel 公司在 Next.js Conf 2023 上宣布了 Next.js 14。 Vercel 是流行的开源前端框架 Next.js 背后的公司,Next.js 提供了包括服务器端渲染和为 Web 应用程序生成静态网站在内的功能。Vercel 作为一个开放的云平台提供了网站托管服务

2023-10-30

直接操作数据库。 Next.js 是流行的开源前端框架,其开发商是知名创业公司 Vercel。 Next.js 提供了包括服务器端渲染和为 Web 应用程序生成静态网站在内的功能。Vercel 作为一个开放的云平台提供了网站托管服务,让开发者能

2022-11-02

Vercel 公司上周在 Next.js Conf 大会上发布了 Next.js 13,同时宣布了最新的开源项目:Turbopack。Turbopack 是面向 JavaScript 和 TypeScript 优化的增量打包工具和构建系统,采用 Rust 编写,声称是 Webpack 的继任者。 其实 Turbopack 正是出自 We

2022-12-24

Next.js 13.1 近日正式发布,主要改进内容包括: app目录(测试版)的改进:改进了可靠性和性能 内置模块转译:将 next-transpile-modules 功能带入核心 Edge 运行时(稳定版):用于 Edge 的轻量级 Node.js 运行时 Turbopack 更新:支

2022-06-30

所以速度必须快。Fresh 非常适合在 Deno Deploy、Netlify Edge Functions 或 Supabase Edge Functions 等边缘 runtime 场景运行。由于渲染过程在物理上非常靠近用户,从而可以最大限度地减少网络延迟。 Fresh 亮点特性 无构建步骤 零配置

2022-09-10

本中进行公开测试。 更多详情可查看:https://github.com/vercel/next.js/releases/tag/v12.3.0

2021-12-02

时面临的一些棘手问题,如今 Remix 关闭付费订阅模式,正式开源。 众所周知,在使用 React 开发单页面时,最常见的问题就是如果在 React 中使用客户端渲染(CSR,client-side rendering),就很难有好的 SEO。这是因为在 CSR 之下

2022-08-27

现代 Web 开发平台 Netlify 宣布推出新的 Next.js 运行时,可由一个名为 @netlify/next 的 npm 包启用;其旨在“为使用流行的 Web 框架更快、更大规模地构建网站和 Web 应用程序的开发人员提供改进的体验。Netlify 提供了唯一支持 Next

2023-07-01

on 和开源的 LLMs。 他还将 BentoML 与 Next.js 框架背后的开发商 Vercel 进行了比较,称 BentoML 的目标是成为人工智能领域的 Vercel。2021 年 Vercel 宣布完成 1.5 亿美金 D 轮融资,估值达 25 亿美金。 杨超予预计,未来 AI 应用

2022-10-26

Next.js 13 现已发布,一些亮点更新内容包括: app/ Directory (beta):更简单、更快、更少的客户端 JS。 Layouts React Server Components Streaming Turbopack (alpha):速度提高 700 倍的基于 Rust 的 Webpack 替代品。 新的 next/image&n

2023-10-27

一个多月前,Vercel 推出根据文本生成 UI 界面代码的新产品:v0,官方称其为“生成式 UI” (Generative UI)。 只需要输入文字提示,v0 即可生成需要的 UI 组件界面,而且可以直接复制代码粘贴到需要使用的任何地方。 主要特性

2023-02-26

Next.js 13.2 近日正式发布,该版本包括对 App Router(app)的重大改进,为稳定性做准备。 内置 SEO 支持:新的元数据 API,可设置静态和动态meta标签。 路由处理程序:自定义请求处理程序,建立在 Web Request和 Response上。 MDX fo