vercel/flags

Letzte erfasste Quellaktivität: 30. Oktober 2026 um 12:01

SkillsMP-Katalog aktualisiert: 2. November 2026 um 18:02

gesammelte Skills: 2

GitHub-Stars: 626
GitHub-Forks: 89

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

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

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

![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/).

README des Repositorys wird geladen…

Skills in diesem Repository

Klassifizierung ausstehend

Skill

Beruf

Beschreibung

Aktualisiert

vercel-flags

nicht klassifiziert

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…

Quellsprache: Englisch

2026-10-30

flags-sdk

nicht klassifiziert

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,…

Quellsprache: Englisch

2026-10-30

Es werden 2 von 2 gesammelten Skills angezeigt.