系列文章
營養師不開菜單的第二十一天 - Next.js 後端實戰 - 錯誤處理及 Security Headers
前言 在上一章節，我們對請求數據進行了深入的驗證。透過多層篩選和檢查，對於不同的驗證結果，我們已經設定了相對應的錯誤回應。但是，我們還沒有詳細探討在哪些特定情境...
營養師不開菜單的第二十二天 - Next.js Middleware 實作權限及 CSP，建起護城河
前言 Middleware 在網頁應用程式中的角色，猶如機場的安檢機制。每當我們在機場搭乘飛機時，必須經過嚴格的安檢程序，以確保旅程的安全和暢通。同理，每一個進...
營養師不開菜單的第二十三天 - Next.js 前端實戰 - 狀態管理及 RWD
前言 經過從設計到後端的細緻實作後，我們現在進入了至關重要的前端實作階段。在這個階段，我們不僅要將畫面與資料結合，更要為我們的應用程式注入靈魂。前端不僅僅是視覺...
營養師不開菜單的第二十四天 - 前端實戰 - 登入/上傳圖片/更新順序/複製連結
前言 接續著上一篇的前端實作分享，我們介紹完 NavBar 的核心功能邏輯以及響應式設計，這篇文章中我們的焦點將轉向「登入/註冊頁面」，深入挖掘使用者認證的細節...
營養師不開菜單的第二十五天 - Next.js 前端實戰 - 頁面及請求的錯誤處理
前言 在開發前端應用時，不良的錯誤處理可能導致使用者困惑、挫折，甚至選擇放棄使用你的應用。所以在專案中，我們透過 try-catch 語句捕捉潛在錯誤，並使用...
營養師不開菜單的第二十六天 - 運用 Next.js 內建工具，打造專案效能優化
前言 系列文到二十五天已經大致開發完成，但完成後會開始各種修改及優化，其中也包括效能的優化。效能對於前台網站是非常關鍵的。當網站載入速度緩慢時，可能會導致用戶流...
營養師不開菜單的第二十七天 - Next.js SEO 極致優化，為網站提升曝光度！
前言 SEO，是搜尋引擎最佳化 (Search Engine Optimization) 的簡稱，是一套策略技術，幫助提升網站或網頁在搜尋引擎裡的曝光度。主要的...
營養師不開菜單的第二十八天 - Next.js in Docker，跟上容器化技術
關於容器化 在科技迅速發展的今日，部署的技術也經歷了不少的變革。從早期的物理伺服器到現代的容器化技術，每個階段都是為了追求更高效率和更好的資源利用率。 在傳統...
營養師不開菜單的第二十九天 - Next.js 搭配 Vercel 實現分鐘級一鍵部署
前言 專案建置的最後一哩路，就是讓整個應用程式上線，而在我們的專案小作品中，需要一個平台讓我們部署，並公開網站。Next.js 的母公司 Vercel 提供了一...
營養師不開菜單的第三十天 - 蛻變成為網頁工程師
前言 營養師不開菜單系列來到第三十天，首先謝謝有觀看到最後一天的讀者，也恭喜堅持到最後一天的你和我。在部署之後，應用程式上線後，我們就這樣結束了嗎？還是我們可...