鐵人檔案
這個是一個練習用Next.js開發，題目發想主要來自看到今年四月發生一起地震想要透過一個平台來解決人們對於房屋一些疑難雜症問題，於是這個小小作品就開始了...
前言：前幾天針對流程部分進行了構想，由畫面去延伸，從前端到後端建置流程中需要做的功能有哪些。這樣不僅讓我清>楚知道具體要做的事情，使專案推進更順利，也讓...
前言：昨天大致上對於甚麼GrahpQL，以及預計會用甚麼套件去建置一個API Service，了解基本用法，如何去將資料建立可CRUD(新增(Create)、...
前言：昨天分享了如何撰寫第一支 API。雖然過程相對簡單，但其中涉及的知識點很多，例如在本機上建立一個伺服器環境（TCP/IP Port），以及了解什麼是 J...
前言：昨天我們分享了如何從建置 API 到使用 Apollo Studio 測試第一支 API 的過程。這個流程包括設定後端伺服器、定義 GraphQL sc...
前言：昨天我們介紹了如何建立 Next.js 環境並建立測試頁面路由，以驗證我們的環境設定是否正確。今天，我們將進一步深入，介紹如何建立獨立的 lib 資料夾...
了解Apollo Client的fetch policy可以幫助我們有效地管理資料載入和緩存策略。以下是一些常見的fetch policy以及它們適用的情境：...
前言：前幾天我分享了如何從自己開發的第一支使用者註冊GraphQL API，到前端Next.js應用串接所需的套件安裝及使用方式。今天，我們將開始將這個API...
由於昨天在註冊頁面有使用到表單搭配驗證套件 react-hook-form 使用，所以想說整理一下筆記這個套件的使用撰寫方式： 將 input 跟 Schem...
考量到在多頁面上放置相同的 GraphQL 查詢語句不僅閱讀起來繁瑣，維護上也不方便，因此，我決定將這些查詢語句抽離成自訂的 hook。 我對於 hook 認知...
前幾天分享過如何使用 react-hook-form 來處理表單的驗證。今天，我想介紹另一個強大的套件——ZOD，它可以與 react-hook-form 結合...