brainstorming
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
launchdarklyManage feature flags with LaunchDarkly. Use when a user asks to implement feature flags, roll out features gradually, do A/B testing, control feature access by user segment, or implement kill switches for features.
Independent GitHub snapshot · Automated classification · Original documentation governs
LaunchDarkly is the industry-standard feature flag platform. Control feature rollouts, A/B tests, and entitlements without deploying new code. Supports gradual rollouts, targeting rules, and instant kill switches.
npm install @launchdarkly/node-server-sdk # server
npm install launchdarkly-react-client-sdk # React
// lib/flags.ts — Feature flag evaluation on the server
import * as LaunchDarkly from '@launchdarkly/node-server-sdk'
const client = LaunchDarkly.init(process.env.LAUNCHDARKLY_SDK_KEY!)
await client.waitForInitialization()
export async function getFlag(flagKey: string, user: { key: string; email?: string; plan?: string }) {
const context = {
kind: 'user',
key: user.key,
email: user.email,
custom: { plan: user.plan },
}
return client.variation(flagKey, context, false) // false = default
}
// Usage
const showNewDashboard = await getFlag('new-dashboard', { key: userId, plan: 'pro' })
if (showNewDashboard) {
return renderNewDashboard()
}
// components/FeatureFlag.tsx — Client-side feature flags
import { withLDProvider, useFlags } from 'launchdarkly-react-client-sdk'
function App() {
const { newCheckout, darkMode } = useFlags()
return (
<div className={darkMode ? 'dark' : ''}>
{newCheckout ? <NewCheckout /> : <OldCheckout />}
</div>
)
}
export default withLDProvider({
clientSideID: process.env.NEXT_PUBLIC_LD_CLIENT_ID!,
context: { kind: 'user', key: userId, email: userEmail },
})(App)
Configure in LaunchDarkly dashboard: