Vercel Flags is now in public beta

Vercel Flags is a feature flag provider built into the Vercel platform. It lets you create and manage feature flags with targeting rules, user segments, and environment controls directly in the Vercel Dashboard.

The Flags SDK provides a framework-native way to define and use these flags within Next.js and SvelteKit applications, integrating directly with your existing codebase:

1
import { vercelAdapter } from "@flags-sdk/vercel"
2
import { flag } from 'flags/next'; 
3

4
export const showNewFeature = flag({  
5
    key: 'show-new-feature',  
6
    decide: () => false,  
7
    description: 'Show the new dashboard redesign',
8
    adapter: vercelAdapter()
9
});

And you can use them within your pages like:

1
import { showNewFeature } from '~/flags'; 
2

3
export default async function Page() {  
4
    const isEnabled = await showNewFeature();
5

6
    return isEnabled ? <NewDashboard /> : <OldDashboard />
7
;}

For teams using other frameworks or custom backends, the Vercel Flags adapter supports the OpenFeature standard, allowing you to combine feature flags across various systems and maintain consistency in your flag management approach:

1
import { OpenFeature } from '@openfeature/server-sdk';
2
import { VercelProvider } from '@vercel/flags-core/openfeature';
3

4
// Set up the provider and client
5
await OpenFeature.setProviderAndWait(new VercelProvider());
6
const client = OpenFeature.getClient();
7

8
// Evaluate flags
9
const enabled = await client.getBooleanValue('show-new-feature');

Vercel Flags is priced at $30 per 1 million flag requests ($0.00003 per event), where a flag request is any request to your application that reads the underlying flags configuration. A single request evaluating multiple feature flags of the same source project still counts as one flag request.

Vercel Flags is now in beta and available to teams on all plans.

Learn more about Vercel Flags to get started with feature flag management.