SDK Overview

npx create-consentify@latest

// lib/consentify.ts
import { createConsentify } from '@consentify/core';
import { enableCloud } from '@consentify/cloud';

export const consentify = createConsentify({
  policy: { categories: ['analytics', 'marketing'] as const },
});

enableCloud(consentify, {
  siteId: process.env.NEXT_PUBLIC_CONSENTIFY_SITE_ID!,
  apiKey: process.env.NEXT_PUBLIC_CONSENTIFY_API_KEY,
});

// components/consent-banner.tsx
'use client';

import { useConsentify } from '@consentify/react';
import { consentify } from '@/lib/consentify';

export function ConsentBanner() {
  const state = useConsentify(consentify);
  if (state.decision === 'decided') return null;

  return (
    <div role="dialog" aria-label="Cookie consent">
      <p>We use cookies to improve your experience.</p>
      <button onClick={() => consentify.acceptAll()}>Accept All</button>
      <button onClick={() => consentify.rejectAll()}>Reject All</button>
    </div>
  );
}