Mød Katlas repo med eksempler
Seks eksempelprojekter, der er klar til at køre og viser, hvordan du integrerer Katlas cookiesamtykke med Next.js, Vite og ren HTML.
Vi har netop udgivet katla-app/examples: en samling af seks startprojekter, der viser, hvordan du integrerer Katlas cookiesamtykke i rigtige apps. Hvert eksempel er selvstændigt, kører lokalt og dækker et forskelligt integrationsmønster.
Hvorfor eksempler
Dokumentationen forklarer API’et. Eksemplerne viser, hvordan brikkerne passer sammen. Uanset om du tilføjer en samtykkewidget til et marketingwebsite eller bygger en custom samtykke-UI i en React-app, giver projekterne dig et fungerende udgangspunkt, du kan tilpasse.
Hvad er med
Widget
Et Vite-website med flere sider, der indlæser Katlas hostede widget via et script-tag og indlejrer cookiepolitikken i en iframe. Intet SDK, intet framework: bare HTML og CDN’et.
Bedst til: Statiske websites, sider renderet af et CMS, eller hvor som helst du vil have samtykke uden et build-trin.
Se eksemplet · Dokumentation til widgetten
Next.js: dynamisk SSR
Et Next.js 16-projekt med App Router, der bruger getCachedCookies fra @katla.app/sdk/next/server til at hente cookies på serveren. Klienten får data, der allerede er indlæst, uden en ekstra netværksforespørgsel.
Bedst til: Serverrenderede Next.js-apps, der vil have friske cookiedata ved hver forespørgsel.
Se eksemplet · Dokumentation til Next.js
Next.js: statisk ved build
Et Next.js 16-projekt med App Router, der kører katla pull, når det bygges. Cookiedata og guard-scriptet pakkes med som statiske filer: nul hentninger ved runtime.
Bedst til: Statisk eksporterede Next.js-websites, eller når du vil have den hurtigst mulige indlæsning.
Se eksemplet · Dokumentation til statiske cookies
Vite + React: dynamisk hentning
En app med Vite 7 og React 19, der henter cookies og politikdata ved runtime med SDK’ets hooks. Indeholder komponenterne CookieBanner og CookieCatalog.
Bedst til: SPA’er, der altid vil have de nyeste cookiedata fra CDN’et.
Se eksemplet · Dokumentation til React
Vite + React: statisk ved build
En app med Vite 7 og React 19, der bruger katla pull til at hente cookiedata, når den bygges. JSON-filen importeres direkte: ingen hentning ved runtime.
Bedst til: SPA’er med en build-pipeline, der vil fjerne forespørgsler fra klientsiden.
Se eksemplet · Dokumentation til statiske cookies
Vite + React: custom samtykke-UI
En app med Vite 7 og React 19, der bruger hooket useConsentManager til at bygge en helt skræddersyet samtykke-UI. Ingen færdigbygget bannerkomponent: kun din egen markup og logik.
Bedst til: Teams, der har brug for fuld kontrol over samtykkeoplevelsen og vil matche deres designsystem.
Se eksemplet · Dokumentation til useConsentManager
Kom i gang
Alle eksemplerne følger den samme opsætning:
git clone https://github.com/katla-app/examples.git
cd examples/<project>
npm installErstat pladsholderen for site-ID med dit eget (fra katla.app), og start derefter udviklingsserveren. Hvert projekts README har de specifikke detaljer.
Udforsk repoet
Se alle seks eksempler på GitHub: katla-app/examples