Skip to content

Power Parity Pricing Strategies

Shows the differences between doing PPP at the edge using information from the geolocation object, Node.js SSR, and client-side rendering.

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

Power Parity Pricing Strategies

The example shows the differences between doing PPP at the edge using information from the request geolocation object, Node.js SSR, and client-side rendering.

Demo

https://edge-mug.vercel.app

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/power-parity-pricing-strategies power-parity-pricing-strategies
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/power-parity-pricing-strategies power-parity-pricing-strategies

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

Power Parity Pricing Strategies

Shows the differences between doing PPP at the edge using information from the geolocation object, Node.js SSR, and client-side rendering.

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

Power Parity Pricing Strategies

The example shows the differences between doing PPP at the edge using information from the request geolocation object, Node.js SSR, and client-side rendering.

Demo

https://edge-mug.vercel.app

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/power-parity-pricing-strategies power-parity-pricing-strategies
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/power-parity-pricing-strategies power-parity-pricing-strategies

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