--- title: "Netlify Edge Functions: Serverless Compute Powered by Deno" description: "Build fast, personalized web experiences with Netlify Edge Functions: a serverless runtime built for on Deno, and compatible with your favorite JavaScript frameworks." source: "https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/" last_updated: "2026-07-08T23:08:15.000Z" --- We’re pleased to announce that [Edge Functions](https://www.netlify.com/products/#netlify-edge-functions) is now available in public beta on the Netlify platform. Edge Functions enables you to run serverless JavaScript/TypeScript functions right from Netlify’s Edge network. It’s a full runtime environment, with complete control to transform requests and responses, stream server rendered content, or even run an entire application—all right from the network edge. Because Edge Functions [is built on Deno](https://deno.com/blog/netlify-edge-functions-on-deno-deploy/), an open source, standards-based runtime, it works out-of-the-box with web frameworks that support these capabilities. And because it’s available from the Netlify platform, it’s a seamless part of the powerful workflow you already know. You use it the same way you do Netlify’s other serverless capabilities. They’re built, deployed, and versioned right alongside your frontend code. You may recall that we took a first swing at this over a year ago with a product called Edge Handlers. However, we learned as developers tested it in the wild, that it wasn’t moving the developer experience forward. It suffered from the same flaws of other proprietary edge compute offerings that don’t integrate well with today’s modern web frameworks. It was also clear that you need much more than just programmable routing at the edge. You need full serverless functions that transform content and responses using familiar web standard APIs. As destiny would have it, at the same time we were considering our new path forward, Deno was establishing itself as the new open standard for JavaScript and TypeScript runtimes, empowering developers to leverage the JavaScript primitives they already know, like [`Request`](https://developer.mozilla.org/en-US/docs/Web/API/Request) and [`Response`](https://developer.mozilla.org/en-US/docs/Web/API/Response), and the power of [Deno’s APIs](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/api). It was a perfect match for Netlify and the idea for Edge Functions was born. Edge Functions is a clean-sheet rewrite for Netlify. They work as their own endpoints, enabling: - streaming edge rendering - React Server Components - content rewrites - user redirection - A/B testing - OAuth authentication - geolocation - localization/globalization - and more! And even without writing your own edge functions, you can easily take advantage of the latest server-side rendering (SSR) and middleware features from frameworks like Astro, 11ty, Hydrogen, Next.js, Nuxt, Remix, and SvelteKit. ## Getting Started [Writing your first Edge Function](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/get-started/) is as easy as adding a `hello.js` to `netlify/edge-functions` in your repository: ``` export default () => new Response("Hello world") ``` and registering it in your `netlify.toml`: ``` [[edge_functions]]function = "hello"path = "/test" ``` Check out more examples [here](https://edge-functions-examples.netlify.app/) to see how Edge Functions can customize, lock down, or analyze your site. ## JavaScript Frameworks Galore! As part of this release, we’ve also been working very closely with our friends across the JavaScript framework ecosystem to ensure that Edge Functions work great with them on day one. ### Astro [Astro](https://astro.build) is a static site builder that creates highly responsive sites by using partial hydration to reduce the size of your server responses, even if you’re using other web frameworks. While Netlify [already supports](https://www.netlify.com/blog/astro-ssr/) their recent [release of server-side rendering (SSR)](https://astro.build/blog/experimental-server-side-rendering/) with traditional Netlify Functions, SSR is now faster than ever with Edge Functions. For more information on using Astro on Netlify, check out our [Astro-specific docs](https://docs.netlify.com/integrations/frameworks/astro/), as well as [Astro’s latest update](https://astro.build/blog/netlify-edge-functions/) on using SSR with Edge Functions. ### Eleventy [Eleventy (11ty)](https://www.11ty.dev/) is a static site generator that uses templates built in many different languages to provide a super simple way to generate pages from HTML or Markdown using powerful template engines. With the release of Edge Functions, you can use [Eleventy’s Edge plugin](https://www.11ty.dev/docs/plugins/edge/) to performantly deliver dynamic content in your static sites. For more information on using 11ty with Netlify, see our [Eleventy-specific docs](https://docs.netlify.com/integrations/frameworks/eleventy/), as well as [Eleventy’s new Edge plugin](https://www.11ty.dev/blog/eleventy-edge/). And for more examples of using Edge Functions with 11ty, check out [this set of demos](https://demo-eleventy-edge.netlify.app/). ### Hydrogen Hydrogen is Shopify’s edge-first web framework for building high-performance storefronts [by streaming React Server Components for SSR](https://shopify.dev/custom-storefronts/hydrogen/framework/react-server-components). For more information on using Hydrogen on Netlify, check out our [Hydrogen-specific docs](https://docs.netlify.com/integrations/frameworks/hydrogen), as well as the [`hydrogen-platform` Node module](https://github.com/netlify/hydrogen-platform) for more information on integrating with Edge Functions. ### Next.js This release adds support for the latest [Next.js](https://nextjs.org/) features like [middleware](https://nextjs.org/docs/middleware) and [Streaming SSR](https://nextjs.org/docs/advanced-features/react-18/streaming) at the edge. With Next.js middleware, you can easily intercept and transform requests using native Next.js primitives, and, much like with other SSR-enabled frameworks, Streaming SSR enables you to stream fully customized React components down from the edge to your customers. For more information on using Next.js on Netlify, check out our [Next-specific docs](https://docs.netlify.com/integrations/frameworks/next-js/), as well as [our example](https://github.com/netlify/next-react-server-components) of streaming React Server Components with Next.js, and [our example](https://github.com/netlify/next-edge-middleware) of using Next.js middleware. ### Nuxt [Nuxt 3](https://v3.nuxtjs.org/) is a Vue-based web framework that supports [SSR](https://nuxtjs.org/docs/concepts/server-side-rendering#server-side-rendering) to rapidly refresh page content. For more information on using Nuxt on Netlify, check out our [Nuxt-specific docs](https://docs.netlify.com/integrations/frameworks/nuxt/), where you’ll soon be able to find more info on using Edge Functions with Nuxt SSR. ### Remix [Remix](https://remix.run) is a full stack JavaScript framework that runs in browsers and servers, taking native advantage of the edge to instantly load and refresh your sites. And given that Remix is already built on top of Web Fetch APIs, it’s a great match for the Deno support in Edge Functions. For more information on using Remix on Netlify, check out our [Remix-specific docs](https://docs.netlify.com/integrations/frameworks/remix/), as well as as well as [this example](https://github.com/netlify/remix-edge-template/) of our Remix template with support for Edge Functions. ### SvelteKit We’re also working over the next week to [contribute](https://github.com/sveltejs/kit/pull/4657) to the [SvelteKit Netlify adapter](https://docs.netlify.com/integrations/frameworks/sveltekit/#deployment) to natively support SvelteKit SSR using Netlify Edge Functions. For more information on using SvelteKit with Netlify, see our [SvelteKit-specific docs](https://docs.netlify.com/integrations/frameworks/sveltekit/). ## Pricing and limits Netlify Edge Functions are available for no additional cost on all plans, including Starter, Pro, Business, and Enterprise. For more information on how usage is limited per plan, go to our [pricing page](https://www.netlify.com/pricing/). ## Try out Edge Functions today! The combination of Netlify Functions, Background Functions, Scheduled Functions, and now Edge Functions gives developers the flexibility to apply serverless compute exactly where it makes the most sense - and it’s all tightly integrated with Netlify’s frontend development workflow. So head on over to [our docs](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/), check out [our examples](https://edge-functions-examples.netlify.app/), and get started with Edge Functions today! And please give us feedback and ask questions [on the Netlify forums](https://answers.netlify.com/c/netlify-support/edge-functions/57/). We can’t wait to see what you build with Netlify Edge Functions! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Netlify Edge Functions: A new serverless runtime powered by Deno&url=https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fannouncing-serverless-compute-with-edge-functions%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/) - [Bluesky](https://bsky.app/intent/compose?text=Netlify Edge Functions: A new serverless runtime powered by Deno+https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/) * * * ### Tags - [News](/blog/tags/news/) - [Netlify Functions](/blog/tags/netlify-functions/) - [Netlify Edge Functions](/blog/tags/netlify-edge-functions/) - [Deno](/blog/tags/deno/) ## Keep reading ![](/_astro/eb275ddb9290b947ba4c53ac30538c77b44edae9-720x405_1y2MXK.webp) News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças ![](/_astro/d20f9f717bbdd511f73ee138be4114ff13f480f9-2400x1350_1fe4aq.webp) News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)