Skip to content

Geolocation in Edge functions

Learn how to use visitor's location in edge functions.

Framework Next.js
Use Case Edge Functions
CSS Tailwind
Publisher ▲ Vercel

Geolocation

This example shows how to use the event.request.geo object to determine a user's location.

geo: {
    city?: string
    country?: string
    region?: string
}

Demo

https://edge-functions-geolocation.vercel.sh

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 npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-functions/geolocation geolocation
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/geolocation geolocation

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

Geolocation in Edge functions

Learn how to use visitor's location in edge functions.

Framework Next.js
Use Case Edge Functions
CSS Tailwind
Publisher ▲ Vercel

Geolocation

This example shows how to use the event.request.geo object to determine a user's location.

geo: {
    city?: string
    country?: string
    region?: string
}

Demo

https://edge-functions-geolocation.vercel.sh

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 npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-functions/geolocation geolocation
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/geolocation geolocation

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential