Client Component

page.tsx

'use client';

import { useGetFlags } from '@flaggish/sdk';

export default function ServerPage() {
  const { flags, isLoading, hasError } = useGetFlags();

  if (isLoading) return <p>Loading...</p>;

  if (hasError) return <p>Error...</p>;

  return (
    <main>
      {flags.HomepageFooter && <footer>Homepage Footer</footer>}
    </main>
  );
}

.env

NEXT_PUBLIC_FLAGGISH_CLIENT_API_KEY=your client key
NEXT_PUBLIC_FLAGGISH_SECRET_API_KEY=your secret key