Instalación en Next.js
Instala @flatzer/nextjs 1.0.0 y renderiza FlatzerWidget desde un layout o una página sin convertir el layout completo en Client Component.
npmv1.0.0
@flatzer/nextjs
Componente oficial para App Router y Pages Router.Míralo antes de hacerlo
Capturas de Flatzer y referencias visuales de cada plataforma para que sepas exactamente dónde actuar.
import { FlatzerWidget } from '@flatzer/nextjs'
<FlatzerWidget widgetKey={process.env.FLATZER_WIDGET_KEY!} />bun add @flatzer/nextjsApp Router
El paquete público @flatzer/[email protected] encapsula el límite de cliente. Importa FlatzerWidget en un layout o página de servidor y pasa widgetKey; no añadas use client al layout raíz solo para mostrar el widget.
Pages Router
También puedes montar el componente en pages/_app.tsx para compartirlo entre páginas. Lee la clave desde el entorno que llegue al navegador y autoriza todos los dominios usados por producción y previews.