In Next.js installieren
Installiere @flatzer/nextjs 1.0.0 und rendere FlatzerWidget in Layout oder Seite, ohne das gesamte Layout zum Client Component zu machen.
npmv1.0.0
@flatzer/nextjs
Offizielle Komponente für App Router und Pages Router.Vorher ansehen
Flatzer-Screenshots und visuelle Plattformreferenzen zeigen genau, wo du handeln musst.
import { FlatzerWidget } from '@flatzer/nextjs'
<FlatzerWidget widgetKey={process.env.FLATZER_WIDGET_KEY!} />bun add @flatzer/nextjsVerwendung im App Router
Das öffentliche Paket @flatzer/[email protected] kapselt die Client-Grenze. Importiere FlatzerWidget in ein Server-Layout oder eine Seite und übergib widgetKey. Markiere das Root-Layout dafür nicht mit use client.
Verwendung im Pages Router
Du kannst die Komponente auch in pages/_app.tsx für alle Seiten einbinden. Lies den Schlüssel aus einer Browser-Umgebungsvariable und erlaube jede Produktions- und Preview-Domain.