Welcome to our site!
Client feature: {clientFeature ? "ON" : "OFF"}
) } ``` Now, we can render these from our server component: ```tsx theme={null} import { GrowthBook } from "@growthbook/growthbook"; import GrowthBookWrapper from "./GrowthBookWrapper"; import OtherComponent from "./OtherComponent"; import GrowthBookTracking from "./GrowthBookTracking"; export default async function MyServerPage() { // Create and initialize a GrowthBook instance const gb = new GrowthBook({ apiHost: process.env.NEXT_PUBLIC_GROWTHBOOK_API_HOST, clientKey: process.env.NEXT_PUBLIC_GROWTHBOOK_CLIENT_KEY, decryptionKey: process.env.NEXT_PUBLIC_GROWTHBOOK_DECRYPTION_KEY, }); await gb.init({ timeout: 1000 }); // Set targeting attributes for the user gb.setAttributes({ id: cookies().get("my_uuid")?.value || "", }); // Evaluate any feature flags const serverFeature = gb.isOn("server-feature"); // If the above features ran any experiments, get the tracking call data // This is passed into theServer feature: {serverFeature ? "ON" : "OFF"}