Next.js 15 にする 他

[trpfrog]

• Next.js 15 RC を導入
• React 19 RC 対応
  • React.forwardRef の代わりに直に props に渡すように変更
  • Context.Provider => Context
  • React Compiler の有効化
• eslint 絡みの問題を修正 (このせいで差分が大きくなっている)
  • pnpm run -w lint と git hooks の自動修正に差があった部分の修正等
• lint-staged => lefthook
• update deps
• ESLint Flat Config

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
trpfrog-net	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 4, 2024 8:08am

[trpfrog]

ローカルではビルドが通るが、Vercel 上では環境変数絡みでうまく動いてくれない ログを見た感じ React Compiler が悪さをしている？ 関係なかった

[trpfrog]

ビルド通った、外部ライブラリから環境変数読めなくなってる？ アプリ本体から環境変数 (API Key) 読んでライブラリに API Key 渡す実装にしたら治った。こっちの方がすっきりした感じがあるので良いかもしれないが、なぜ動かないんだ？というモヤモヤはある

[trpfrog]

ページ開くごとにロードが入ってキャッシュがデフォルトに無効になったんだなあ という感じがする とはいえつまみネットにはキャッシュされて困るコンテンツはそんなにないから、デフォルトで全部キャッシュする設定にしても良いかも

[trpfrog]

ページ切り替えたときにちらつきが発生するのが気になる

[trpfrog]

ロードが入るのが仕様である場合、適切なスケルトンを置いた方が良いかも

[trpfrog]

多分良さそうなのでマージ