Обертка: @tsparticles/nextjs

Официальная оболочка Next.js, созданная на основе @tsparticles/react.

Установить

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

Быстрая настройка

1. Установите оболочку Next.js и зависимости.
2. Продолжайте рендеринг на стороне клиента только для холста частиц.
3. Разместите NextParticlesProvider в корне вашего приложения (layout.tsx или _app.tsx) — он должен быть отрисован только один раз.
4. Инициализируйте движок один раз и визуализируйте компонент-оболочку.

Ссылки на монорепо

• Папка пакета: https://github.com/tsparticles/tsparticles/tree/main/wrappers/nextjs.
• Демонстрационные приложения: https://github.com/tsparticles/tsparticles/tree/main/demo/nextjs, https://github.com/tsparticles/tsparticles/tree/main/demo/nextjs-legacy.

Информация

• README оболочки: https://github.com/tsparticles/tsparticles/tree/main/wrappers/nextjs#readme

Связанные документы

• /guide/wrappers
• /guide/frameworks