Developer-first cookie compliance voor Next.js & React applicaties
Ontworpen voor developers. Geen hydratatie-mismatches, zero overhead op Server Components en naadloze compatibiliteit met next/script.
Waarom CookieBoost op Next.js?
- Binnen 2 minuten actief: Geen programmeerkennis of ingewikkelde setup vereist.
- Geen vertraging: Asynchroon geladen script (<15KB) met 0 impact op je PageSpeed score.
- Google Consent Mode v2: Meet conversies nauwkeurig in Google Ads en GA4.
- Vast tarief €10/mnd: Onbeperkt aantal subpagina's en pageviews, geen verrassingen.
CookieBoost installeren op Next.js
Volg onderstaande stappen om de cookiebanner binnen 2 minuten live te zetten op je Next.js omgeving.
Script toevoegen in App Router layout
Voeg het CookieBoost script toe aan je root layout (app/layout.tsx) via de Next.js Script component.
import Script from "next/script";
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="nl">
<head>
<Script
src="https://cookiecdn.nl/downloads/cookieboost.js"
strategy="beforeInteractive"
/>
</head>
<body>{children}</body>
</html>
);
}Google Consent Mode koppelen
CookieBoost initialiseert direct gtag consent defaults vóórdat analytics tags geladen worden.
Testen in development
Draai npm run dev. De banner verschijnt direct en logt voorkeuren deterministisch in je lokale browser.
Typische cookies & trackers op Next.js
Next.js plaatst automatisch verschillende cookies. Onder de AVG mogen marketing- en trackingcookies pas geladen worden na uitdrukkelijke toestemming.
| Cookie / Script | Aanbieder | Categorie | AVG Behandeling door CookieBoost |
|---|---|---|---|
| next-auth.session-token | NextAuth / Auth.js | Functioneel | Noodzakelijk voor authenticatie en sessiebeheer. Wordt automatisch als functioneel herkend. |
| _ga / Google Tag | Analytics | Scripts geladen via next/script strategy='afterInteractive' die toestemming vereisen. | |
| Sentry / LogRocket | Sentry | Functioneel | Foutopsporing zonder persoonlijke tracking kan als functioneel/gerechtvaardigd belang worden geconfigureerd. |
De voordelen van CookieBoost voor Next.js
Speciaal ontworpen om naadloos samen te werken met de techniek van Next.js.
Geen hydration warnings
Ontworpen om netjes samen te werken met React SSR zonder console warnings over DOM verschillen.
Type-safe API & telemetry
Gebruik onze publieke API's om consent state programmatisch uit te lezen in je eigen client components.
Cross-domain & Subdomain support
Deel consent moeiteloos tussen je marketing Next.js site en je SaaS-applicatie op app.domein.nl.
Vragen over CookieBoost & Next.js
Kan ik `beforeInteractive` gebruiken met CookieBoost?
Ja! Het script is geoptimaliseerd voor `strategy='beforeInteractive'` zodat consent defaults direct actief zijn vóórdat trackers hydration starten.
Ondersteunt CookieBoost Content Security Policies (CSP)?
Zeker. Je kunt `https://cookiecdn.nl` eenvoudig toevoegen aan je `script-src` en `connect-src` directives.
Bekijk ook andere integraties
CookieBoost ondersteunt alle moderne CMS- en e-commerce platforms.
WordPress
Installeer CookieBoost binnen 2 minuten via je header of thema. Geen zware database-belastende plugins, wél automatische script-blocking en wekelijks bijgewerkte verklaringen.
E-commerceShopify
Voorkom dat marketingpixels al schieten vóór toestemming op product-, cart- en checkoutpagina's. Snel geïnstalleerd via theme.liquid.
E-commerceWooCommerce
Beheer consent voor je hele webshopstack: van betaalproviders en analytics tot affiliate pixels en verlaten winkelwagen tracking.
Voldoe vandaag nog 100% aan de AVG op Next.js
Start direct met onze gratis proefperiode van 14 dagen. Geen creditcard vereist, binnen 2 minuten geïnstalleerd.