這裡記錄我學習網站開發的筆記歡迎交流 (ゝ∀・)b
專案一直以來都是使用 Next 12 以及 Pages Router 進行開發,不久前 Next 發表了 v14,其中 v13 與 v14 都陸續新增了一些概念,最重要的就是 App Router 成為默認的架構方式,而近期 App Router 的功能已經大致完善,因此打算試用看看。族繁不及備載,本篇文章只有記載本身學習與使用 Next 14 的體驗,以及瞭解到的幾項改變。
其實專案使用 Next.js 的話,可以考慮直接在 Next 專案中的 API Routes 進行後端的開發,只是這次開發公司專案是第一次用,當初並沒有規劃這一塊,所以目前專案完成上線後,沒有安排進行這方面的重構,不過我們還是可以學習一下怎麼在 Next 這個框架中完成全端開發。
Next.js 的一大特點就是已經即成了許多便利的功能,包含簡便的路由配置、圖片優化、效能優化、打包優化等等,今天來看看圖片優化是怎麼個做法。
我專案都快成型了,老實講這個 document.js 還真的沒什麼修改到,秉持著自己專案內不能有一丁點自己不懂的東西的想法,來探探這個底線 document.js 是個什麼玩意兒。
最近看 React Developer Roadmap 發現 API Calls 人家推薦 SWR 這套工具,好奇到底是什麼功能居然能撼動 Axios 的地位?試用了一下發現還真有點意思!
Next.js 除了可以用來做 SSR 之外,其實也可以取代原本的 React 做 SPA,或是取代 Gridsome 做 SSG 靜態網站,也可以根據需求混合生成頁面,稱為 ISG,第一次聽到這麼多種,腦子差點打結了 XD
今年下半年接了一個公司的對外專案,因此有 SEO 需求,不知道是不是靜茹給我的勇氣,讓我主動提出可以使用 Next.js 的 SSR 來架構新專案,總之就是且戰且走吧,從零開始一邊做一邊學。