Article
2025-04-10

MCP 基本介紹 & GitHub Copilot 串接 Supabase 資料庫範例

什麼是 MCP? 最近在 AI 領域中,MCP(Model Context Protocol)非常熱門。隨著 GPT-4、Claude 等大型語言模型(LLM)應用越來越廣,很多人開始遇到一個很實際的問題:模型不知道我們有哪些資料,也不知道該怎麼用。 也就是說,「上下文管理」變得越來越麻煩。 舉例來說,你可能想讓 AI 回答「我們的退款流程是什麼?」這樣的問題。但模型不知道你們內部的作業規則,...

Read
Article
2025-02-07

Supabase 會員認證:註冊、登入與登出

等待專案建立好後,在專案建立完成後,首先依照官方文件引入 Supabase 客戶端庫。你需要使用專案提供的 Project URL 與 API key 來建立連線。 相關引入可以參考官方 document 註冊 (Sign Up) 使用下列程式碼即可完成會員註冊。註冊成功後,系統會自動寄送驗證信,並在 Supabase Dashboard 中新增使用者資料。 登入 (Sign In) 使用者完...

Read
Article
2025-02-07

Supabase 介紹

一. 什麼是 Supabase ? Supabase官網 Supabase 是一個開源的後端即服務(BaaS)平台,旨在幫助開發者快速構建和部署應用程序。它被視為 Firebase 的替代方案,提供了一系列強大的功能,讓開發者能夠更高效地開發產品。 二. 從前端開發者的角度看 Supabase 作為一名前端工程師,我一直在尋找能夠簡化開發流程、減少對後端依賴,同時又能夠在多平台(例如 Web...

Read
Article
2025-02-05

Zustand vs Redux:為什麼我們選擇從 Redux 轉向 Zustand?

在我們團隊使用 Nx 建立新專案後,經過多方考量,我們決定從 Redux 轉向 Zustand 作為我們的狀態管理工具。這個轉變不僅讓開發更輕量、簡單,也讓我們的開發體驗大幅提升。 如果你也正在考慮是否要從 Redux 轉換到 Zustand,這篇文章將會幫助你了解這兩者的差異,以及為什麼我們選擇 Zustand。 官方網站:Zustand 官網 1. 簡單易用,開發效率更高 - Zustan...

Read
Article
2025-02-05

【NX 開發心得2】

Mono-repo 管理的循環依賴與反向依賴問題 在 Mono-repo 開發中,依賴管理是一件很重要但又容易出錯的事情,尤其是 循環依賴 和 反向依賴。這兩種問題不只會讓專案建構失敗,還會帶來維護上的困擾。 公司現在用 Nx 管理專案,但因為團隊裡有些人不熟悉 Nx,導致 Build 時常出錯,所以寫這篇文章來整理一些解決方案,希望能幫助大家更順利開發! 什麼是循環依賴? 假設有兩個共用函式...

Read
Article
2025-02-05

【NX 開發心得】

最近因為公司的需求,需要開發多個不同版型的專案,其中又有不少部分需要共用。經過一番考慮後,我們決定將原本的專案搬移至 NX,希望藉此提高開發效率、統一管理共用模組,並減少重複撰寫相同功能的時間。 如果你對 NX 有興趣,可以參考官方文件:NX 官方網站。 為什麼選擇 NX? NX 是一個強大的 Monorepo 工具,適合用來管理多個專案(Apps)與共用函式庫(Libs)。它提供強大的模組管...

Read