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).