Edge Functions on Netlify

Reference examples for learning about Edge Functions on Netlify.


Configure for specific HTTP methods

With in-source configuration, you can restrict Edge Functions to respond to certain HTTP methods.

In this example, we set up an Edge Function to execute for a PUT or POST request.

import type { Config, Context } from "@netlify/edge-functions";

export default async (request: Request, context: Context) => {
  return new Response(`This is a response to a ${request.method}`)
};

export const config: Config = {
  method: ["POST", "PUT"]
}

See this in action

Since the Edge Function is configured to respond to PUT and POST, accessing the Edge Function through a browser will result in a 404.

To validate that the Edge Function works, you can use cURL in your terminal:


  curl -X POST https://edge-functions-examples.netlify.app/example/method
  curl -X PUT https://edge-functions-examples.netlify.app/example/method
  

Explore more examples


What are Edge Functions?

Using JavaScript and TypeScript, Netlify Edge Functions give you the power to modify network requests to localize content, serve relevant ads, authenticate visitors, A/B test content, and much more!

This all happens at the Edge — directly from the worldwide location closest to each user.

To use Edge Functions on Netlify, add JavaScript or TypeScript files to a /netlify/edge-functions directory in your project.

Learn more in the docs.


Deploy this site to Netlify

Try out Edge Functions on Netlify today! Click the button below to deploy this site with all of its demos to your Netlify account.

Deploy to Netlify