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"
    }
  }
}