vercel/flags

Dernière activité source enregistrée: 30 octobre 2026 à 12:01

Catalogue SkillsMP mis à jour: 5 novembre 2026 à 19:57

skills collectés: 2

Étoiles GitHub: 626
Forks GitHub: 89

Installer avec un assistant IA

Copiez ce prompt dans l’assistant IA que vous utilisez.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/vercel/flags.

README du dépôt

Fichier source du README : README.md

Lire le README source

Afficher le README complet

![hero illustration](./assets/hero-dark.png) # Flags SDK The feature flags toolkit for Next.js and SvelteKit. From the creators of Next.js, the Flags SDK is a free open-source library that gives you the tools you need to use feature flags in Next.js and SvelteKit applications. - Works with any flag provider, custom setups or no flag provider at all - Compatible with App Router, Pages Router, and Routing Middleware - Built for feature flags and experimentation See [flags-sdk.dev](https://flags-sdk.dev/) for full docs and examples. > Upgrading from version 3? See the [Upgrade to v4](https://github.com/vercel/flags/blob/main/packages/flags/guides/upgrade-to-v4.md) guide. ## Installation Install the package using your package manager: ```sh npm install flags ``` ## Setup Create an environment variable called `FLAGS_SECRET`. The `FLAGS_SECRET` value must have a specific length (32 random bytes encoded in base64) to work as an encryption key. Create one using node: ```sh node -e "console.log(crypto.randomBytes(32).toString('base64url'))" ``` Use a separate `FLAGS_SECRET` value for each environment (Development, Preview, Production), and mark the Preview and Production values as Sensitive. Run the generator once per environment to produce distinct values, then store each on Vercel: ```sh vercel env add FLAGS_SECRET production --sensitive --value <production-secret> vercel env add FLAGS_SECRET preview --sensitive --value <preview-secret> vercel env add FLAGS_SECRET development --value <development-secret> ``` This secret is required to use the SDK. It is used to read overrides and to encrypt flag values in case they are sent to the client and should stay secret. ## Usage Create a file called flags.ts in your project and declare your first feature flag there: ```ts // app/flags.tsx import { flag } from "flags/next"; export const exampleFlag = flag<boolean>({ key: "example-flag", decide() { return true; }, }); ``` Call your feature flag in a React Server Component: ```tsx // app/page.tsx import { exampleFlag } from "./flags"; export default async function Page() { const example = await exampleFlag(); return <div>{example ? "Flag is on" : "Flag is off"}</div>; } ``` Feature Flags can also be called in Routing Middleware and API Routes. ## Adapters The Flags SDK has adapters for popular feature flag providers including LaunchDarkly, Optimizely, and Statsig. ## Documentation There is a lot more to the Flags SDK than shown in the example above. See the full documentation and examples on [flags-sdk.dev](https://flags-sdk.dev/).

Chargement du README du dépôt…

Skills dans ce dépôt

classification en attente

skill

métier

description

mis à jour

vercel-flags

non classé

Feature flags, A/B tests, and gradual rollouts with Vercel Flags, in any app or framework. Use whenever the user is planning, adding, changing, or cleaning up a feature flag, toggle, kill switch, experiment, percentage rollout, or targeting rule, or wants to…

Langue du texte source : anglais

2026-10-30

flags-sdk

non classé

Implement feature flags in Next.js or SvelteKit code with the Flags SDK (`flags` npm package). Use when installing or configuring the SDK, declaring flags with `flag()`, wiring a provider adapter (`@flags-sdk/vercel`, Statsig, LaunchDarkly, PostHog,…

Langue du texte source : anglais

2026-10-30

Affichage de 2 skills collectés sur 2.