創第一個Supabase專案
閱讀時間約 4 分鐘
嗨歡迎閱讀我的文章！這是關於Supabase的系列文章，內容包含介紹Supabase是什麼、基本功能應用，深入了解Supabase的進階功能應用。
Supabase將為前端開發帶來創新、便利和效率。
什麼是Supabase？
Supabase是一個開源的後端服務平台，提供完全可擴展的PostgreSQL資料庫和RESTful API。它結合了實時的WebSocket功能和角色認證，讓開發者能夠快速建立應用程式。Supabase簡化了應用程式開發和數據管理，是現代Web應用開發的理想選擇。
簡單來說Supabase是一個整合後端程式、資料庫、用戶授權、訪問權限等後端即服務(Baas)的平台，功能強大而且在有限的額度內免費使用，提供所有正在使用Firebase的人或是準備使用Firebase的人一個全新替代方案。
資料庫與API快速聯動
Supabase是一個採用PostgreSQL作為資料庫的開發平台，先進入後台為你的專案設定好資料庫內的表格格式後，包含新增、刪除、修改等API即自動生成，而且可以無限制的請求。
const { data, error } = await supabase.from('dogs').select(`*`)實時更新的資料庫
Supabase功能強大的地方在於資料庫的實時更新也能及時收到通知，可以用短短幾行程式就可做到接收資料庫通知的功能，讓資料庫中的所有變更都可以即時接收並且反應在前端頁面。
// Get notified of all new chat messages
const realtime = supabase.from('messages')
.on('INSERT', message => {
console.log('New message!', message)
})
.subscribe()
完整開源的用戶管理系統
面對每個高速成長的app，管理用戶資料是不可或缺的功能。
Supabase提供每個專案完整的用戶管理系統，簡單幾步驟就可以完成email註冊登入，同時也提供多種第三方登入可用，省去花費心力去撰寫用戶註冊登入以及密碼判斷等重工處，讓人可以直接全心全力進入專案開發。
Supabase提供每個專案完整的用戶管理系統，簡單幾步驟就可以完成email註冊登入，同時也提供多種第三方登入可用，省去花費心力去撰寫用戶註冊登入以及密碼判斷等重工處，讓人可以直接全心全力進入專案開發。
// Create a new user
const { user, error } = await supabase.auth.signUpWithPassword({
email: '[email protected]',
password: 'example-password',
})
官方JS套件支援
官方提供一套完整的Javascript Client Library，包裝好所有Supabase串接會用上的功能，同時也提供大部分前端框架的範例，讓前端在串接上的舒適度大幅提升。
Supabase如何計費？
每個帳號可以免費創2個專案，每個專案可以有500MB的容量、每月約50000名活躍用戶的限制，其餘詳細內容可以自行去Supabase頁面上查看，對於專案開發初期使用算是相當足夠，如果之後用量有超過時，就該考慮是否要轉移平台或選擇付費繼續使用Supabase系統，又或者是考慮本地端使用Supabase。
創第一個Supabase專案
說那麼多馬上來創一個Supabase專案來玩玩。
Supabase創帳號頁面
建議就直接用Github帳號註冊即可，帳號創好以後會直接引導創立一個專案，專案區域就選一個最近的地點即可，方案選擇free方案。
恭喜已經創好第一個Supae專案囉。
有興趣的內容
留言0
查看全部
你可能也想看
2022/3/8第一個人物創作繪畫筆記：
我的第一個人物創作，我想寫的小說的女主角李秋瞳，這是她的第一個造型。
我心目中的李秋瞳是個愛穿紅衣的高挑女子，不笑時臉上會帶點清冷。
2022-03-16
我的第一個NFT- 二創圖以及角色及故事設定人生第一個NFT就在方格子，而在discord上受到大家幫助順利開好錢包連好網域，我原先購買兩隻而後自己也在333名單裡面因此又獲得一隻共三隻角色。其實擁有這些角色似乎就是要賦予她們更多的意義，本身插畫接案的我想著如果我幫它們撰寫故事好像也不錯？
2022-03-06
（原創天使卡）2020年8月第一個禮拜2020/8/3～8/9我個人抽到的原創天使
8/3（一）領悟
8/4（二）探索
8/5（三）淨化
8/6（四）自由
8/7（五）正直
8/8（六）誠實
8/9（日）
抽星期日的時候，就有感覺這張卡還沒確定，要當天抽才行，但我還是硬抽，結果抽出一張空白卡⋯⋯
抽星期日的時候，就有感覺這張卡還沒確定，
2020-08-03
（原創天使卡）2020年7月第一個禮拜2020/6/29～7/5我個人抽到的原創天使
（一）自由
（二）幽默
（三）清晰
（四）創造力
（五）覺醒
（六）彈性
（日）情誼
星期一，在翻牌卡之前，我就有種這是張很輕鬆的卡⋯不過也太自由～？但今天在寫作書上，我準備要趕進度了耶？
看了指導書的解釋，原來是叫我改變我過去做決定所依循的標
2020-06-29
（原創天使卡）2020年6月第一個禮拜2020/6/1～6/7 我個人抽到的原創天使
6/1（一）深度
6/2（二）悟性
6/3（三）意向
6/4（四）探索
6/5（五）願景
6/6（六）正直
6/7日）創造力
上禮拜天也是抽到創造力⋯到底是⋯？
這個天使越看越像在看畫展，是不是叫我去看看禮拜天有什麼展覽可逛的⋯
星期一，與深度的天使
2020-06-01
（原創天使卡）2020年5月第一個禮拜2020/5/4～5/10 我個人抽到的原創天使
5/4（一）真實
5/5（二）臣服
5/6（三）愛
5/7（四）光
5/8（五）存在
5/9（六）創造力
5/10（日）情誼
星期一
星期二
星期三
星期四
星期五
星期六
星期日
2020-05-04
【創業旅程】離職後第一個月：打造個人品牌挑戰正式開始嗨，歡迎你也進入了我的創業旅程，是的～這個單元將會紀錄分享關於我在離職創業路途上的每一個關卡以及種種心得..如果你也很好奇的話，先趕緊按下訂閱，才不會錯過之後的每一篇創業旅程的文章喔！
為什麼不好好待在大公司
我的最後一份正職工作是一間全球60幾個國家都有發行的美商媒體公司，一般人聽到我在上個月離
2020-01-29
2016-09-18
2016-09-10
2016-09-08