Template name
Reduce CLS and improve performance from client-loaded experiments with Statsig
This example shows how to do experimentation using Statsig, leveraging Edge Config and Edge Middleware.
https://edge-ab-testing-statsig.vercel.app
You can choose from one of the following two methods to use this repository:
Deploy the example using Edgenivo:
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-statsigLog 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.localInstall the Statsig Edgenivo 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
# or
yarnyarn devDeploy it to the cloud with Edgenivo (Documentation).
See how Edgenivo's Skew Protection feature enables production-ready blue-green deployments with just a few lines of code.
By A/B testing at the edge, you'll reduce CLS from client-loaded experiments and improve your site's performance with smaller JS bundles.
