個人簡介

哈囉哈囉大家好！我是在外商公司的全端工程師，寫程式寫7年了。

系列簡介

將使用 Sanity 跟 Next.js 重寫將近兩年沒有維護了的個人部落格作為 side project，順便當作個人的筆記與技術分享。
要重寫的部落格: https://judysocute.com/blog/

預期會 70% Sanity + 30% Next.js 的構成，
因此本系列更像是 Sanity 的使用教學，Next.js 的部分則會比較簡單帶過。

技術簡介

Sanity

用 Sanity 有以下特點：

• Headless CMS
• 使用 JavaScript 物件定義資料的型別
• 豐富的 Plugin 提供多樣的欄位類別 ( color-input, markdown 等 )
• 100 萬次的免費請求次數

當然也不只以上，每個 CMS 平台都各自有他們的優勢。
但是在資料型別的彈性這塊，Sanity 真的帶給了我很大的驚豔。

Next.js

Next.js 是個一個基於 React 的前端框架，可以用於建立伺服器渲染 ( SSR ) 和 靜態網站生成 ( SSG ) 兩大功能。
這次主要使用它來建構前端專案，因為 Next.js 不僅有 Sanity 完整的官方文件支援，更有 next-sanity 工具，不管在未來的 建立連線、query、webhook、studio 等等，都有現成的工具方便使用。

下一篇會從 Sanity 的註冊與使用開始，有意跟著實作的同學們請先在環境內準備好 node 跟 npm 環境哦。