Using Edge Config with DevCycle

Learn how to use Edge Config with Vercel's DevCycle integration.

This guide will help you get started with using Vercel's DevCycle integration with Edge Config. This integration allows you to use Edge Config as a configuration source for your DevCycle feature flags.

The DevCycle Edge Config integration is available in Beta on all plans

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.

Prerequisites

Before using this integration, you should have:

  1. 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

  2. A project. If you don't have one, you can run the following terminal commands to create a Next.js project:

    pnpm i next
    terminal
    npx create-next-app@latest

  3. A Vercel project. If you don't have one, see Creating a Project

  4. An Edge Config. If you don't have one, follow the Edge Config quickstart

  5. The Edge Config SDK:

    pnpm i @vercel/edge-config

  1. Set up the DevCycle integration

    Visit the DevCycle page in the Integration Marketplace and select the Add Integration button. From the modal that opens:

    1. Select your Vercel team and project.
    2. Continue and log into DevCycle.
    3. Select the DevCycle Organization and Project you want to use with Vercel Edge Config.
    4. Connect your DevCycle project to an existing or new Edge Config store.
    5. Click Finish Setup.

  2. Install the DevCycle Edge Config package

    pnpm i @devcycle/vercel-edge-config @vercel/edge-config

  3. Use the DevCycle integration in your code

    For more information on DevCycle Next.js SDK usage, see the DevCycle docs.

    app/index.tsx
    import { 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
  }
})

Next steps

Now that you have the DevCycle Edge Config integration set up, you can explore the following topics to learn more:

Last updated on March 4, 2025
Next
Account Management