Next.js を使ったクイックスタート

Plasmo は Next.js (opens in a new tab) とシームレスに統合されます。重要な考え方は、Plasmo が拡張機能のエントリポイントであり、Next.js がウェブアプリケーションのエントリポイントであるということです。これにより、わずかな調整でコードベース全体でコンポーネントを再利用できます。

互換性リスト：

• Plasmo が公開する TypeScript 設定は、src ディレクトリの使用を含め、Next.js と互換性があります。
• .env ファイル は同じですが、異なる名前空間を使用します（PLASMO_PUBLIC 対 NEXT_PUBLIC）。
• Plasmo は Parcel 2 (opens in a new tab) を使用しており、その下層には swc (opens in a new tab) を使用しています。これは Next.js と同じバンドラーです。そのため、postcss や tailwindcss などのプラグイン設定を修正せずに共有できます。

例については、with-nextjs (opens in a new tab) をご覧ください！