[改善]: ライセンスページで Large Page Data 警告が出る

[gendaineko2222]

改善対象の事柄

128 KB以上のページデータが含まれているためにエラーが出ているみたい
エラーコード:

Warning: data for page "/licenses" is 159 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance.
See more info here: https://nextjs.org/docs/messages/large-page-data

https://nextjs.org/docs/messages/large-page-data

期待する挙動

ページデータの軽量化
「さらに表示する」などのボタンで読み込むようにするなどの方法が考えられる

補足情報

公式ドキュメントより: https://nextjs.org/docs/messages/large-page-data

[Mogyuchi]

警告とエラーは区別してください！（どうでもいい指摘

[gendaineko2222]

それ思ったんですがドキュメントではエラー扱いだったので！()()

[Mogyuchi]

もっと容量超過するとエラーになるはず

[gendaineko2222]

そうなんや

[TwoSquirrels]

まあロード時間への影響はそこまで無さそうなので、とりあえず後回しかな

[TwoSquirrels]

やるとしたら、ライセンスファイルをどっかに置かれるようにして、
IntersectionObserver で画面に入ったときにそのファイルを読み込むとか

[TwoSquirrels]

ライセンスファイルをどっかに置かれるように

これビルド時にやるのどうやんだろ
public ディレクトリを汚すしかないのかな (gitignore しとけばいっか)

[TwoSquirrels]

1. /.gitignore に public/licenses/ を追加。
2. /pages/licenses.jsx の getStaticProps では本文以外は props として渡し、
   本文は /public/licenses/${packageName}.txt に保存する。
   /public/licenses は毎回作り直す。
3. IntersectionObserver で読み込み時に ${packageName}.txt を fetch。