Next.js の Dynamic Import

react

要するに、lazy loading みたいに、あとから読み込む機能らしいです。

ページの初期表示速度を早くできるようです。

あと window.document とか window.alert とかブラウザに関するオブジェクトに SSR 中にアクセスしないようにするために使うとか。

動的インポート
https://nextjs-ja-translation-docs.vercel.app/docs/advanced-features/dynamic-import

Dynamic Import
https://nextjs.org/docs/advanced-features/dynamic-import

Next.jsでのDynamic Importの使い所
https://tech.012grp.co.jp/entry/next_dynamicImport

コメント

タイトルとURLをコピーしました