鐵人檔案
這個是一個練習用Next.js開發，題目發想主要來自看到今年四月發生一起地震想要透過一個平台來解決人們對於房屋一些疑難雜症問題，於是這個小小作品就開始了...
在 React 中使用 react-hook-form 進行表單處理時，當頁面被切割成多個元件並且這些元件共享同一份表單資料時，可以利用 FormProvide...
今天來分享這個專案的切版製作過程。首先，我們分析了這個網站的布局，包括頁首和頁尾，這就是所謂的Layout。接著，我們將首頁的結構製作成元件。 在 src 目...
這次我將分享在專案中學習如何將設計稿的主色與輔色，轉換為色票並應用在程式碼中的方法。此專案使用了 Tailwind CSS 與 DaisyUI，並且是透過 cr...
今天來分享的是：Zustand狀態管理庫 前幾天我在構建註冊／登入頁面時，已經成功透過串接 GraphQL API 從伺服器取得資料，並接收到伺服器回應的 To...
今天要分享的是：由於會有一個畫面是可以讓使用者透過問答方式來獲取對應的解答，所以我們需要先設計一個問答的機制，可以讓使用者進行填答。 今天主要是分享後端要進行的...
要怎麼確保昨天寫好的API邏輯有寫正確呢？要套用到前端程式碼支前，先用 apollo studio 測試一下基本 C R U D 運作是否正常運行，接著再去 m...
大綱 LazyQueryResultTuple 是甚麼？ 為 API 建立 Input 跟 Output 類型 useLazyQuery 的理解 1. La...
問題：Next.js 出現 Unhandled Runtime Error 錯誤訊息如下：Next.js 就會出現 Unhandled Runtime Erro...
在製作專案時，我選擇了 Jotai 作為狀態管理的解決方案。Jotai 是一個輕量級的狀態管理庫，簡單易用。這邊我稍微做一下對於此專案的過程紀錄，對於操作他的...
總結回顧 今天是發文的第30天，我想分享使用 Next.js 實作屋況查詢評估專家網站的經驗。從一開始的概念發想到具體的實施，每個步驟都需要仔細考慮與決策。我首...