name: Next.js Hello World Edge API Routes slug: edge-hello-world-nextjs description: A classic Hello World for the edge featuring Next.js. framework: Next.js useCase: Edge Functions css: CSS Modules deployUrl: https://vercel.com/new/clone?repository-url=https://github.com/vercel/examples/tree/main/functions/hello-world-next&project-name=edge-hello-world-nextjs&repository-name=edge-hello-world-nextjs demoUrl: https://next-edge-api-route.vercel.app/api/edge

• edge-hello-world
• edge-query-parameters
• edge-json-response

Next.js Hello World Edge API Routes

A classic Hello World for the edge featuring Next.js.

Demo

https://next-edge-api-route.vercel.app/api/location

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/hello-world-next edge-hello-world-nextjs

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).