Wrapper: @tsparticles/nextjs

Offizieller Next.js-Wrapper basierend auf @tsparticles/react.

Installieren

pnpm add @tsparticles/nextjs @tsparticles/engine @tsparticles/slim

Schneller Einrichtungsablauf

1. Installieren Sie den Next.js-Wrapper und die Abhängigkeiten.
2. Rendern Sie weiterhin clientseitig nur für den Partikel-Canvas.
3. Initialisieren Sie die Engine einmal und rendern Sie die Wrapper-Komponente.

Monorepo-Referenzen

• Paketordner: https://github.com/tsparticles/tsparticles/tree/main/wrappers/nextjs
• Demo-Apps: https://github.com/tsparticles/tsparticles/tree/main/demo/nextjs, https://github.com/tsparticles/tsparticles/tree/main/demo/nextjs-legacy

Readme

• Wrapper-README: https://github.com/tsparticles/tsparticles/tree/main/wrappers/nextjs#readme

Verwandte Dokumente

• /guide/wrappers
• /guide/frameworks