影音教學
文字講義適合查觀念;影音適合看人從零把 Dashboard、資料表與 Auth 跑起來。這一頁只收官方頻道與 YouTube 上來源清楚、長期被採用的免費課程。
選擇原則:
- 優先 Supabase 官方 YouTube 的 Getting Started 系列。
- 其次是 freeCodeCamp.org、Fireship、Net Ninja 這類可核對講師與大綱的課程。
- 不放來路不明的轉載、也不放第三方付費證照廣告。Supabase 沒有官方 Certificate program。
部分舊影片仍使用 anon / service_role JWT 金鑰。現在官方建議 publishable 與 secret key,觀念相同,金鑰請以 API Keys 為準。
官方學習資源
官方文件
影音不能取代文件。Getting Started 與各框架 Tutorials 仍是主教材。頻道首頁:youtube.com/c/supabase。
建議怎麼看
先看官方 Getting Started 與 Database 兩支短片,對照本站入門與資料庫頁實作。要一次做完 Auth、RLS、Storage,再選 freeCodeCamp 或 2025 完整課程,並用官方文件核對新版金鑰。
官方:Getting Started with Supabase
官方 DevRel 從頭示範:建立專案、把 App 連上 Supabase、查詢與插入資料,再用 Auth 與 RLS 把資料鎖住。適合完全沒開過 Dashboard 的人當第一部影片。
官方:Getting Started with Supabase Database
接續上一支,專講 Postgres:Table Editor、SQL Editor、資料庫函式、觸發器與索引。看完請立刻到本站 資料表與自動 API 與 SQL Editor 自己建一張表。
官方:Getting Started with Supabase Auth
官方 Auth 入門:註冊、登入,以及登入後請求如何帶使用者身分。請搭配 使用者登入 與 Row Level Security,不要只看完登入畫面就以為資料已經隔離。
官方:Getting Started with Supabase Realtime
示範如何訂閱資料表變更,讓畫面隨資料庫更新。適合已經會 CRUD、想做即時清單或協作功能的人。對照 Realtime。
官方:Getting Started with Supabase Edge Functions
從 Hello World、npm: 套件、到用 CLI 設定 secrets。CRUD 能在 Client 做完就不必寫 Function;這支影片適合開始碰 webhook 或第三方 API 時再看。對照 Edge Functions。
Fireship:Supabase in 100 Seconds
約兩分半的產品速覽:Postgres、Auth、RLS、Realtime、Edge Functions 各用一句話定位。適合上課前建立地圖,不是逐步寫程式的教學。完整課程在 fireship.io。
Net Ninja:Supabase Tutorial #1
Shaun(Net Ninja)系列的第一集,說明 Supabase 是什麼,並預告用 React 做 Super Smoothies CRUD。後面各集涵蓋連線、增刪改查與 RLS。課程檔:iamshaunjp/Supabase-Tutorial-for-Beginners。部分寫法偏舊,金鑰請對照本站 API Keys。
完整入門課程(2025)
How to Use Supabase: Full Beginner Course for 2025 從建立專案、Table Editor、RLS、接 React,講到 Auth、Realtime 與 Storage。適合想跟一支長片做完最小全端 App 的人;過程中請隨時對照官方文件。
freeCodeCamp:Learn Supabase(Firebase Alternative)
Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners 由 freeCodeCamp 頻道發布。內容涵蓋專案建立、資料表、RLS、即時與儲存,適合想一次聽完整產品線的人。時數較長,請分段看,並用本站講義核對新版 Client 與金鑰。
看完影音之後
回到文字講義比較不容易漏掉金鑰與 RLS 的細節:
- 還沒開過專案:建立第一個專案、API Keys
- 資料表與 SQL:資料表與自動 API、SQL Editor
- 登入與權限:使用者登入、Row Level Security
- 從前端讀寫:JavaScript Client 與 CRUD
- 檔案、即時、函式:Storage、Realtime、Edge Functions