鐵人檔案
將重寫原先使用 Contentful + Gatsby.js 所寫的個人部落格:
https://judysocute.com/blog/
用 Sanity 作為 CMS、Next.js 作為前端重寫此部落格。
在 Day 19 - Sanity GROQ Pagination 中有提到網頁的幾種分頁模式： 我原本的網站是用 分頁式 的，這一次重做網站我打算改用 Lo...
本篇是針對上一篇的一點畫面上的優化，主要每次在載入的時候會先空的，大概半秒左右後才把文章顯示出來。這樣不僅對 CLS 評分有影響，對使用者的體驗也有很大的影響。...
本篇開始使用前一篇建立的 網站設定 表單來建立一些網站的基本樣式，像是 Navbar、Footer 、 metadata 等。 第一件要做的是老樣子，寫好 Qu...
本篇選用 NProgress 來加入進度條的功能。 首先引入 NProgress： npm install --save nprogress npm inst...
要設定 Sanity 的 Webhook 要從右上角這邊進入管理頁面： 進入管理頁面後到 API > Webhooks 內設定 Webhook 按 C...
在 Next.js 中使用 Sanity Webhook 很簡單，官方也有準備好各種的套件給使用者使用，如果是有跟著本系列開啟 Next.js 專案的話，可以使...
一直在想要不要寫這個主題，因為 Visual Editing 這個需要介紹的技術實在太多了，從 Sanity 本身的設定到 Next.js 前端專案的設定，是一...
前一篇設定了 Sanity Visual Editing 到頁面上，但是也因此影響了 Next.js 的前端頁面，讓整個前端頁面都套用了 Visual Edit...
在要寫前一篇的後續：「Sanity Visual Editing 跟 Next.js 的 Security 驗證」時，發現自己前面寫得太開心，自己都沒有注意到安...
其實在上一篇就有寫到這段了，只是沒有特別講到而已，現在再拉出來特別講一下重點區域，主要是 sanityFetch() 方法： import "serv...
