Instalar em Next.js
Instale @flatzer/nextjs 1.0.0 e renderize FlatzerWidget num layout ou página sem transformar todo o layout num Client Component.
npmv1.0.0
@flatzer/nextjs
Componente oficial para App Router e Pages Router.Veja antes de fazer
Capturas do Flatzer e referências visuais das plataformas mostram exatamente onde deve atuar.
import { FlatzerWidget } from '@flatzer/nextjs'
<FlatzerWidget widgetKey={process.env.FLATZER_WIDGET_KEY!} />bun add @flatzer/nextjsUtilização no App Router
O pacote público @flatzer/[email protected] contém a fronteira de cliente. Importe FlatzerWidget num layout ou página de servidor e passe widgetKey; não adicione use client ao layout raiz apenas por causa do widget.
Utilização no Pages Router
Também pode montar o componente em pages/_app.tsx para o partilhar entre páginas. Leia a chave de uma variável exposta ao navegador e autorize todos os domínios de produção e preview.