Installer dans Next.js
Installez @flatzer/nextjs 1.0.0 et affichez FlatzerWidget depuis un layout ou une page sans transformer tout le layout en Client Component.
npmv1.0.0
@flatzer/nextjs
Composant officiel pour App Router et Pages Router.Voir avant d’agir
Les captures Flatzer et les références visuelles des plateformes indiquent exactement où intervenir.
import { FlatzerWidget } from '@flatzer/nextjs'
<FlatzerWidget widgetKey={process.env.FLATZER_WIDGET_KEY!} />bun add @flatzer/nextjsAvec App Router
Le paquet public @flatzer/[email protected] contient la frontière client. Importez FlatzerWidget dans un layout ou une page serveur et passez widgetKey; n’ajoutez pas use client au layout racine pour ce seul composant.
Avec Pages Router
Vous pouvez aussi monter le composant dans pages/_app.tsx pour toutes les pages. Lisez la clé depuis une variable exposée au navigateur et autorisez chaque domaine de production et de preview.