Next.js デプロイ失敗!! ~cloudflare を使用するときの教訓~

LT会にて使用した資料です

何が伝えたかったかと言いますと，よく調べてからやりましょうねと言うことでした．
https://beenos.connpass.com/event/364554/

Transcript

1. Next.js デプロイ失敗!! ~cloudflare を使用するときの教訓~ event:個人開発/環境依存LT会【BEELT #11】 date: 2025/8/26 speaker: 身長188cm=>T.Miura
2. アジェンダ FE デプロイしたもの E なぜClaudflareなのか? $E Build Error E 原因 ÇE 対策 ÆE 終わりに 02/11
3. ÉÈ デプロイしたもの 03/11
4. È なぜClaudflareなのか? 04/11 後々海外にリーチしたい => 広域CDNで速い配信が可能 Vercel に飽きていた
5. Æ Build Error 05/11
6. ÃÂ 原因 06/11 Cloudflare Pages のランタイム => Edge Next.js の期待するランタイム =>Node.js ⇩ runtime の不一致によるerror が発生!
7. ÃÂ 原因 07/11 runtime とは コードの実行環境
8. ÃÁ 対策 08/11 下記を追加 追加が必要 SSR API route server actions middleware 追加が不要 SSG client component
9. ÃÁ 対策 09/11
10. ÃÁ 対策 10/11 Cloudflare プロジェクトページで互換性フラグを追加
11. ÃÂ 教訓 11/11 ・実装の知識だけでは不十分 ・当たり前だがフルスタックにならなければいけない 抽象化されたフレームワークの実態を知る必要がある 個人情報が漏れることが多発している原因でもある 取り返しがつかなくなってからでは遅い(お金とか)