Geolocation in Edge Middleware

Geolocation

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

1
import { geolocation } from '@vercel/functions'
2

3
const geo = geolocation(req)
4

5
console.log(geo)
6

7
{
8
  /** The city that the request originated from. */
9
  city?: string;
10
  /** The country that the request originated from. */
11
  country?: string;
12
  /** The flag emoji for the country the request originated from. */
13
  flag?: string;
14
  /** The Vercel Edge Network region that received the request. */
15
  region?: string;
16
  /** The region part of the ISO 3166-2 code of the client IP. */
17
  countryRegion?: string;
18
  /** The latitude of the client. */
19
  latitude?: string;
20
  /** The longitude of the client. */
21
  longitude?: string;
22
}

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 pnpm to bootstrap the example:

1
pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/geolocation geolocation

Next, run Next.js in development mode:

1
pnpm dev

Deploy it to the cloud with Vercel (Documentation).