Using Edge Config with DevCycle
Learn how to use Edge Config with Vercel's DevCycle integration.DevCycle is a feature management platform designed for developers. DevCycle allows you to work with feature flags more naturally, where you write code, so you can deliver better features, faster.
With DevCycle and Vercel Edge Config the decision logic for your features lives with your hosted site, so you can run your feature rollouts or experiments with ultra-low latency.
Before using this integration, you should have:
-
The latest version of Vercel CLI. To check your version, use
vercel --version
. To install or update Vercel CLI, use:pnpm i -g vercel@latest
-
A project. If you don't have one, you can run the following terminal commands to create a Next.js project:
pnpm i next
terminalnpx create-next-app@latest
-
A Vercel project. If you don't have one, see Creating a Project
-
An Edge Config. If you don't have one, follow the Edge Config quickstart
-
The Edge Config SDK:
pnpm i @vercel/edge-config
The following steps will walk you through:
- Configuring Vercel's DevCycle Edge Config integration.
- Using the integration to check your feature flags from your frontend code.
Visit the DevCycle page in the Integration Marketplace and select the Add Integration button. From the modal that opens:
- Select your Vercel team and project.
- Continue and log into DevCycle.
- Select the DevCycle Organization and Project you want to use with Vercel Edge Config.
- Connect your DevCycle project to an existing or new Edge Config store.
- Click Finish Setup.
pnpm i @devcycle/vercel-edge-config @vercel/edge-config
For more information on DevCycle Next.js SDK usage, see the DevCycle docs.
app/index.tsximport { createClient } from '@vercel/edge-config' import { EdgeConfigSource} from '@devcycle/vercel-edge-config' import { setupDevCycle } from '@devcycle/nextjs-sdk/server' const edgeClient = createClient(process.env.EDGE_CONFIG) const edgeConfigSource =new EdgeConfigSource(edgeClient) exportconst { getVariableValue, getClientContext } = setupDevCycle({ serverSDKKey: process.env.DEVCYCLE_SERVER_SDK_KEY ?? '', clientSDKKey: process.env.NEXT_PUBLIC_DEVCYCLE_CLIENT_SDK_KEY ?? '', userGetter: () => ({user_id: 'test_user'}), options: { // pass the configSource option with the instance of EdgeConfigSource configSource: edgeConfigSource } })
Quickstart
Create and read from your Edge Config in minutes.
Read with the SDK
Read from your Edge Config at the fastest speeds.
Use the Dashboard
Manage your Edge Configs in the Vercel dashboard.
Manage with the API
Manage your Edge Configs with the Vercel API.
Edge Config Limits
Learn about the limits of Edge Configs.
Was this helpful?