ラッパー: @tsparticles/nextjs

@tsparticles/react に基づいて構築された公式 Next.js ラッパー。

インストール

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

簡単なセットアップの流れ

1. Next.js ラッパーと依存関係をインストールします。
2. パーティクル キャンバスに対してのみクライアント側でレンダリングを続けます。
3. エンジンを一度初期化し、ラッパー コンポーネントをレンダリングします。

モノリポジトリ参照

• パッケージフォルダー: 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