Cookies

Cookie consent is powered using the CookieConsent client side library.

You can find the configuration in src/components/cookie-consent/cookie-consent-config.ts. All translations for the UI are found in the configuration file.

You can configure the aesthetics and functionality further following the CookieConsent documentation.

The following cookies are used as functionally required cookies:

• _sb_refresh: secure, http-only - Supabase refresh token
• _sb_session: secure, http-only - Supabase session JWT
• _cookie-consent: client-side cookie consent configuration

Separately, PostHog can store analytics cookies if they are accepted in the cookie consent.

If you add additional categories of cookies, ensure you add them in the cookie-consent-config to ensure compliance. Below is an example adding Microsoft Clarity:

// src/components/cookie-consent/cookie-consent-config.ts
const config = {
  // ...
  categories: {
    // ...
    analytics: {
      autoClear: {
        cookies: [
          // Clarity cookies
          {
            name: "_clck",
          },
          {
            name: "_clsk",
          },
          {
            name: "CLID",
          },
          {
            name: "ANONCHK",
          },
          {
            name: "MR",
          },
          {
            name: "MUID",
          },
          {
            name: "SM",
          },
          // ...
        ],
      },

      // https://cookieconsent.orestbida.com/reference/configuration-reference.html#category-services
      services: {
        // ...
        clarity: {
          label: "Microsoft Clarity",
            onAccept: () => {
            if (window.clarity !== undefined) {
              window.clarity("consent");
            }
          },
            onReject: () => {
            if (window.clarity !== undefined) {
              window.clarity("consent", false);
            }
          },
        },
      },
    },
  }
}