LearnPrompting.ca

LearnPrompting.ca 是一個與加拿大客戶合作、由團隊從零打造的線上學習平台，目標是支援 prompt engineering 教育內容的發布、購買與學習流程。這不是單純的課程展示網站，而是一個需要同時處理講師入駐、課程發布、學生購買與課程權限生效的 marketplace 式 LMS。這個專案是在 client-facing 的團隊協作情境下完成，屬於偏產品化導向的學生合作專案，而不是只停留在概念展示的課堂練習。

我在這個專案裡主要承接的，是平台最核心的一段交易與權限流程：講師完成收款帳戶設定後進入販售流程，學生完成購買，系統再依正式付款結果更新課程權限。這讓我負責的範圍不只是幾個前端頁面，而是一段直接影響平台交易成立與課程 access control 的產品流程。

這個專案的難點，不在於把課程頁做出來，而在於從零打造一個有 marketplace 邏輯的教育平台。只要平台同時存在學生、講師與管理者三種角色，系統就不能只停留在內容展示，而必須處理角色差異、交易流程與權限控制之間的連動。

其中比較關鍵的一點是，講師如果還沒完成收款帳戶設定，平台其實還不能進入完整的販售流程；學生即使在前端完成購買操作，課程權限也不能只跟著成功畫面切換，而必須回到後端確認過的付款結果。這使平台的核心問題不只是 UI 或課程內容，而是交易與 access control 能不能建立在同一套可信邏輯上。

另外，這個平台採用 Stripe Connect。這代表問題不是單純把金流接上去，而是要先把平台型收款架構想清楚：講師怎麼收款、平台怎麼管理交易、付款完成後權限怎麼更新。這些基礎如果沒有先對齊，後面的前端流程、後端狀態與角色邏輯就很容易彼此脫節。

我主要負責的是 marketplace payment experience 這條主線，範圍涵蓋講師 onboarding、收款帳戶設定、學生購買流程、付款後課程權限控制，以及前端狀態如何和後端付款結果保持一致。這份工作橫跨前端互動、後端付款狀態與角色權限邏輯，處理的不是單一頁面，而是平台裡最容易失真的一段流程。

我把講師 onboarding 和收款帳戶設定整理成同一條入口流程，讓講師不是只完成帳號建立，而是完成進入正式交易前的必要條件。這讓 onboarding 不再只是註冊，而是對應到平台商業流程真正開始的地方。

在學生端，我承接的是購買流程和付款後 course access 的連動。學生完成購買後，系統不能只停在前端顯示成功，而要根據後端確認過的付款狀態，決定課程是否真正開通。這讓課程權限不再只是畫面層的切換，而是建立在正式交易結果上。

我另外處理的一個核心點，是把前端操作、後端付款狀態與 webhook 事件通知接起來。這條流程如果沒接好，平台就很容易出現表面上購買成功，但底層狀態還沒真正完成；或是付款狀態已經改變，但權限沒有正確同步。我的工作，就是把這些狀態更新和權限變化整理成一條一致的流程，讓平台最核心的一段交易體驗能夠成立。

整體系統以前端 **Next.js 14 + React 18** 為主，後端則建立在 **Firebase** 生態系上，包含 **Firestore**、**Cloud Functions** 與 **Next.js API Routes**。對這個專案來說，技術重點不只是做出課程頁，而是把 marketplace 的交易流程和課程權限接在同一套資料邏輯裡。平台使用 **Stripe Connect** 處理講師收款帳戶與 onboarding，學生購買則透過 **Stripe Checkout Sessions** 完成，付款時會帶入 platform fee 與資金分流設定。購買成功後，系統再透過具 **signature verification** 的 webhook 與 Firestore 的 enrolled course 寫入流程，建立學生端的課程 access。部署則以 **Firebase Hosting / GCP** 為主，讓前端、付款狀態與課程權限更新都維持在同一個可管理的系統邊界內。