Closed6
Next.jsでの画像を表示させたいときのススメ（SSG使いたい時）
k_yas実装方針
next/imageを使うと最適化してくれるらしい
→最適化って何を最適化しているのか？
- 最近の画像フォーマットを使って、それぞれのデバイスに適切なサイズの画像を提供してくれる
- レイアウトシフトを自動的に防ぐ
- 画像はViewportに入った時のみ読み込まれる→Lazy Load
- リモートサーバーに保存されている画像でもオンデマンドでサイズ変更
k_yasオンデマンド→要求に応じて？
レイアウトシフトとは？
予め、画像が入るであろう場所を開けておく→画像は読み込まれてなくても空間だけは開けておく
k_yasSSGではnext/imageが使えない
next exportしようとするとエラーが出る
Next.js標準の画像最適化APIを使おうとするとエラーになる。
直すには、
loaderを変更する もしくは、最適化を無効化するかです。
k_yasloaderってなんぞや、、、
このスクラップは2023/02/05にクローズされました