Skip to main content

Next.js

Install​

npm install @flipfeatureflag/next @flipfeatureflag/react @flipfeatureflag/js @flipfeatureflag/node

Client Provider​

import { FlipFlagProvider } from "@flipfeatureflag/next";

export default function App({ Component, pageProps }) {
  return (
    <FlipFlagProvider config={{ url: "https://api.example.com", sdkKey: "YOUR_SDK_KEY" }}>
      <Component {...pageProps} />
    </FlipFlagProvider>
  );
}

Server Helpers​

import { getServerFlags } from "@flipfeatureflag/next";

export async function getServerSideProps() {
  const flags = await getServerFlags({
    url: "https://api.example.com",
    sdkKey: "YOUR_SDK_KEY",
    context: { userId: "user-123" },
  });

  return { props: { flags } };
}