Feature Flags for Next.js

Usage no npm install needed!

<script type="module">
  import happykitFlags from 'https://cdn.skypack.dev/@happykit/flags';



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 free happykit.dev account to get started.

Key Features

  • written for Next.js
  • integrate using a simple useFlags() hook
  • only 5 kB in size
  • extremely fast flag responses (~50ms)
  • supports user targeting, custom rules and rollouts
  • supports server-side rendering and static site generation
  • supports _middleware (edge functions)

Want to see a demo? HappyKit Flags Demo


See the full 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.js
import { useFlags } from "@happykit/flags/client";

export default function IndexPage(props) {
  const flagBag = useFlags();

  return flagBag.flags.dogGreeting ? "Who's a good boye" : "Hello";

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

Full Tutorial

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