Repository files navigation

Add Feature Flags to your Next.js application with a single React Hook. This package integrates your Next.js application with HappyKit Flags. Create a freehappykit.dev account to get started.

• written for Next.js
• integrate using a simpleuseFlags() hook orgetFlags() function
• supports App Router (Server Components & Client Components)
• only 2 kB gzipped size
• extremely fast flag responses (~50ms)
• supports Server-Side Rendering and Static Site Generation
• supports Middleware and Edge Functions
• supports User Targeting, Custom Rules and Rollouts

Want to see a demo?

See thefull documentation for setup instructions and usage guides.

This is roughly what the usage of feature flags looks like once you're up and running.

// pages/index.jsimport{useFlags}from"flags/client";exportdefaultfunctionIndexPage(props){constflagBag=useFlags();returnflagBag.flags.greeting==="dog" ?"Who's a good boye" :"Hello";}

The self documenting examples atflags.happykit.dev show how to use@happykit/flags for client-side, static and server-side rendering.

A full tutorial including setup instructions is published onfrontend-digest.com.