vercel/flags

آخر نشاط مصدر مسجل: ٣٠ أكتوبر ٢٠٢٦ في ١٢:٠١

آخر تحديث لفهرس SkillsMP: ٥ نوفمبر ٢٠٢٦ في ١٩:٥٧

skills مجمعة: ٢

نجوم GitHub: ٦٢٦
تفرعات GitHub: ٨٩

التثبيت بمساعدة مساعد ذكي

انسخ هذا الطلب إلى المساعد الذكي الذي تستخدمه.

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

ملف README للمستودع

مصدر ملف README للمستودع: README.md

قراءة الملف الأصلي

عرض ملف 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

المهنة

الوصف

آخر تحديث

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, changing, or cleaning up a feature flag, toggle, kill switch, experiment, percentage rollout, or targeting rule, or wants to…

لغة النص الأصلي: الإنجليزية

2026-10-30

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-30

عرض ٢ من أصل ٢ skills مجمعة.