鐵人檔案
將重寫原先使用 Contentful + Gatsby.js 所寫的個人部落格:
https://judysocute.com/blog/
用 Sanity 作為 CMS、Next.js 作為前端重寫此部落格。
個人簡介 哈囉哈囉大家好！我是在外商公司的全端工程師，寫程式寫7年了。 系列簡介 將使用 Sanity 跟 Next.js 重寫將近兩年沒有維護了的個人部落格作...
首先到 Sanity 的官網申請帳號。註冊完成後會導到 管理頁面，在點擊上方的 Create new project 這邊選 Form scratch with...
Sanity schema 首先來了解一下 Sanity 的 schema 是如何定義的。看看 sanity.config.ts // ... import {...
先拿一張 Sanity 官方的圖片 可以看到 preview 分為三個部分。 title subtitle media 所以設計 preview 就是要怎麼...
Sanity 是可以定義”必填”、”欄位限制條件”及”提示訊息”等諸如此類的。 export default defineType({ // ... f...
在 Sanity 中，替某些欄位加入預設值是可以加快開發時程的，像是發布日期預設在當天、各種不同樣板等等。Sanity 裡有兩種方法可以設置欄位預設值，一種是在...
講了六篇 Sanity 設定，也是時候把前端專案啟動起來了。 啟動 Next.js 專案 使用 create-next-app 啟動一個空的 Next.js 專...
Sanity TypeGen Sanity TypeGen 可以透過分析 Sanity 定義的 schema 跟使用 GROQ String helper 定義...
型別檔輸出設定 ( sanity-typegen.json ) 前一篇講那麼久，都是輸出型別檔後，再手動複製型別檔到其他專案內，或是輸出的檔名固定是 sanit...
GROQ ( Graph-Relational Object Queries ) 語法是 Sanity 自己開發的 open-source 查詢語法。儘管 S...
