透過 Next.js API Routes 新增後端程式碼，實現 Fullstack React
其實專案使用 Next.js 的話，可以考慮直接在 Next 專案中的 API Routes 進行後端的開發，只是這次開發公司專案是第一次用，當初並沒有規劃這一塊，所以目前專案完成上線後，沒有安排進行這方面的重構，不過我們還是可以學習一下怎麼在 Next 這個框架中完成全端開發。
大貓的第一個家
歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。
第 4 頁，共 15 頁
2023 年度回顧
來記錄一下我在 2023 年發生的大小事情 🎉
來去電影院 2023
跟大家分享一下我 2023 去電影院看的各種電影，很喜歡觀賞電影的放鬆時刻，希望大家都能找到屬於自己的休閒方式。
使用 Next Image 最佳化圖片
Next.js 的一大特點就是已經即成了許多便利的功能，包含簡便的路由配置、圖片優化、效能優化、打包優化等等，今天來看看圖片優化是怎麼個做法。
使用 Prettier 與 ESLint 自動對 JavaScript 排版與除錯
近一兩年專案都是使用這套 Linter 與 Formatter 的組合拳，IDE 使用 VS Code 的話歡迎參考看看。
Next.js 的 "_document.js" 檔案使用紀錄
我專案都快成型了，老實講這個 document.js 還真的沒什麼修改到，秉持著自己專案內不能有一丁點自己不懂的東西的想法，來探探這個底線 document.js 是個什麼玩意兒。
一起來試試看 NextJS 的 "useSWR" Hook 吧！
最近看 React Developer Roadmap 發現 API Calls 人家推薦 SWR 這套工具，好奇到底是什麼功能居然能撼動 Axios 的地位？試用了一下發現還真有點意思！
Next.js 預先渲染頁面與資料取得方式
Next.js 除了可以用來做 SSR 之外，其實也可以取代原本的 React 做 SPA，或是取代 Gridsome 做 SSG 靜態網站，也可以根據需求混合生成頁面，稱為 ISG，第一次聽到這麼多種，腦子差點打結了 XD
基於檔案的 Next.js 頁面路由
今年下半年接了一個公司的對外專案，因此有 SEO 需求，不知道是不是靜茹給我的勇氣，讓我主動提出可以使用 Next.js 的 SSR 來架構新專案，總之就是且戰且走吧，從零開始一邊做一邊學。
React Router V6 - Form & Action
上一篇介紹了 React Router V6 的 Loader，本文會介紹另一個重要的新功能 Action 與表單處理方式。