【Next.js 16】middlewareが開発環境だけ動かない原因｜proxyへの改称とsrc配下に置くべき理由
Next.js 16のサイトで、middleware.tsにリダイレクトの処理を追加しました。ところが、開発サーバー（next dev）ではリダイレクトがまったく効かず、エラーも警…
NOTE
タグ: Next.js
5件の記事
npm audit fix –forceの提案は毎回読む｜Next.jsが9系にダウングレードされかけた話overridesの正しい使い方
npm audit fix --force を実行しかけたら、Next.js 16 を 9.3.3 にダウングレードする提案が出ました。原因は Next.js が内部で固定している依存パッケージの脆弱性です。同じ操作を約2か月後に行うと、今度は最新版へのアップグレードが提案されました。--force の提案が毎回変わる理由と、overrides を使うべき場面・使い方をまとめます。
Next.js App Routerのページネーション実装｜URL同期とLenisのスクロールずれ対策
Next.js App Routerでクライアント完結のページネーションを実装し、絞り込み状態をURLに同期する方法を解説。useSearchParamsとhistory.pushStateの使い分け、Lenis環境でページ送り後にスクロール位置がfooterへずれる原因と解決策、SEO上の注意点までまとめました
問い合わせフォームの通知をLINEに飛ばす方法【Next.js × LINE Messaging API 実装コード付き】
Webサイトの問い合わせフォームをメール通知だけで運用していると、迷惑メールフォルダに紛れる・気づくのが翌日になる、といった取りこぼしが起きます。そもそも送信元の設定が原因でメール…
SanityのPortable Textで画像が表示されない原因は？文字は出るのに画像だけ反映されないときの解決方法
SanityのPortable Textで、文字は表示されるのに画像だけ反映されない原因と解決方法を解説。CDNやISRではなく、Next.jsのServer ComponentとClient Componentの境界が原因だった事例をもとに、確認手順と修正方法をわかりやすく紹介します。