Server Components

This demo is easiest to understand if you open its source code in a parallel tab.

Source code

This demo shows how to use @happykit/flags for server components in Next.js App Router.

Since this page is rendered on the server only, there is no flagBag. Instead, the values are shown directly.

Flags
{ flags: {}, data: null, error: "response-not-ok", initialFlagState: { input: { endpoint: "https://happykit.dev/api/flags", envKey: "flags_pub_289861443285680649", requestBody: { visitorKey: null, user: null, traits: null } }, outcome: { error: "response-not-ok" } } }