vercel/flags

최근 기록된 소스 활동: 2026년 10월 16일 14:30

SkillsMP 카탈로그 업데이트: 2026년 10월 29일 18:30

수집된 skills: 2

GitHub 스타: 624
GitHub 포크: 88

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

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

저장소 README

README 원본 파일: README.md

README 원본 보기

README 전체 펼치기

![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를 불러오는 중…

이 저장소의 skills

분류 대기 중

skill

직업 분류

설명

업데이트

flags-sdk

미분류

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

원문 언어: 영어

2026-10-16

vercel-flags

미분류

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

원문 언어: 영어

2026-10-16

수집된 skill 2개 중 2개를 표시합니다.