标签
Next.js Image fill圖片消失：父容器要有定位與尺寸
把Next.js的Image改成fill後，網址明明能開，頁面卻像少了一張圖片。先別急著改圖片來源或加寬遠端白名單：如果父容器只有寬度、沒有高度，圖片可能已經載...
Next.js找不到項目卻回200：用notFound處理不存在資料
商品網址打錯，頁面顯示「找不到商品」，瀏覽器也沒有報錯，看起來似乎已處理完。可是用開發者工具查看文件請求，狀態仍是200。原因可能很單純：程式只回傳了一段找不到...
Next.js讀cookie提示Promise：先await cookies再取值
升級Next.js後，原本的 cookies().get('theme')提示不是可直接使用的cookie store。先看你呼叫的是nex...
Next.js伺服器頁的按鈕onClick報錯：抽出Client元件
在App Router的page加了一顆有onClick的按鈕，建置卻報事件處理函式不能傳到Client Component。先確認這份page是否仍是預設的S...
Next.js同一路徑放page與route報錯：頁面與API分開
在 app/items裡新增 route.js，打算讓同一條路徑既顯示商品頁，也回傳JSON。建置卻提示 /items/page與 /items/route指向...
Next.js動態頁讀不到params：先await再取路徑參數
把舊版動態頁搬到新版Next.js後，原本的 params.slug不能照常使用，型別也提示params像一個Promise。先確認專案版本與這個頁面使用App...
Next.js redirect沒跳頁：別把導向例外吞進catch
儲存完資料後呼叫 redirect('/done')，頁面卻沒有移動，反而在日誌看到 NEXT_REDIRECT。若程式把整段儲存與導向包在...
Next.js改了環境變數還是舊值：NEXT_PUBLIC在建置時固定
Next.js網站換了API網址，容器裡也能讀到新環境變數，瀏覽器卻繼續送往舊網址。先確認程式讀的是不是 NEXT_PUBLIC_ 開頭的值。這類變數在直接引用...
Next.js表單狀態一直顯示送出中：用pending提示與重試
訪客按送出，按鈕變成「送出中」，等了很久卻無法再按。先看請求是不是還在等待，還是已經回錯誤而畫面沒解除狀態。兩種原因的修法不同；把按鈕重新打開，只解決了表面操作...
Next.js圖片元件拒絕外部圖片：remotePatterns怎麼對網址
外部圖片直接打開有圖，放進 Next.js 的 Image 元件卻報「hostname is not configured」。先抄下出錯的完整 src，再與 r...
Next.js重新整理和站內切換結果不同：找出讀取狀態的位置
Next.js 列表切換後，網址已經是 ?q=shop，搜尋標題卻還寫 blog；按一下瀏覽器重新整理，標題又正常了。這種差異不一定是快取，也不一定是 Link...
Next.js站內連結用Link還是a：別讓每次換頁都重載
改 Next.js 網站的導覽列時，連結能打開就算完成了嗎？假如訪客剛輸入搜尋字詞，點進模板列表後整頁重新載入，字詞又變空白，操作就被打斷了。站內路由通常先用 ...