Experimentation with Statsig
Reduce CLS and improve performance from client-loaded experiments at the edge with Statsig
Experimentation with Statsig
This example shows how to do experimentation using Statsig, leveraging Edge Config and Edge Middleware.
Demo
https://edge-ab-testing-statsig.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-middleware/ab-testing-statsig# oryarn create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/ab-testing-statsig
Set up environment variables
Log in to the Statsig console and navigate to Settings -> API KEYS.
Then, copy .env.example to .env.local
and fill it in with your Client, Server and Console API keys:
cp .env.example .env.local
Install the Statsig Vercel Integration for your project.
Then fill in .env.local
with the provided Edge Config Connection String and Edge Config Item Key.
Next, run Next.js in development mode:
npm installnpm run dev# oryarnyarn dev
Deploy it to the cloud with Vercel (Documentation).
Experimentation with Statsig
Reduce CLS and improve performance from client-loaded experiments at the edge with Statsig
Experimentation with Statsig
This example shows how to do experimentation using Statsig, leveraging Edge Config and Edge Middleware.
Demo
https://edge-ab-testing-statsig.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-middleware/ab-testing-statsig# oryarn create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/ab-testing-statsig
Set up environment variables
Log in to the Statsig console and navigate to Settings -> API KEYS.
Then, copy .env.example to .env.local
and fill it in with your Client, Server and Console API keys:
cp .env.example .env.local
Install the Statsig Vercel Integration for your project.
Then fill in .env.local
with the provided Edge Config Connection String and Edge Config Item Key.
Next, run Next.js in development mode:
npm installnpm run dev# oryarnyarn dev
Deploy it to the cloud with Vercel (Documentation).