Diretto

Installare in Next.js

Installa @flatzer/nextjs 1.0.0 e renderizza FlatzerWidget da un layout o una pagina senza trasformare tutto il layout in Client Component.

npmv1.0.0

@flatzer/nextjs

Componente ufficiale per App Router e Pages Router.

registryVedi pacchetto

Guardalo prima di agire

Gli screenshot Flatzer e i riferimenti visivi delle piattaforme mostrano esattamente dove intervenire.

Terminale che installa il pacchetto ufficiale Flatzer — Terminal · bun add @flatzer/widgetRiferimento visivo

Editor con FlatzerWidget aggiunto a un layout Next.js — Next.js · app/layout.tsxRiferimento visivo

Componente ufficiale

import { FlatzerWidget } from '@flatzer/nextjs'

<FlatzerWidget widgetKey={process.env.FLATZER_WIDGET_KEY!} />

Installare il pacchetto

bun add @flatzer/nextjs

Uso con App Router

Il pacchetto pubblico @flatzer/[email protected] contiene il confine client. Importa FlatzerWidget in un layout o pagina server e passa widgetKey; non aggiungere use client al layout principale soltanto per il widget.

Uso con Pages Router

Puoi anche montare il componente in pages/_app.tsx per condividerlo tra le pagine. Leggi la chiave da una variabile esposta al browser e autorizza ogni dominio di produzione e preview.

@flatzer/nextjs

Uso con App Router

Uso con Pages Router

Continua da qui