阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

Supabase bootstrap是從現有入門範本啟動新託管 Supabase 專案最快的方式:

npx supabase bootstrap

這為 Supabase 帶來了類似「shadcn」的體驗,在本地建立專案並啟動準備部署的遠端資料庫。

https://supabase.com/ga-week ⚡️ 了解有關 GA 週的更多資訊

入門

從任何本機目錄執行supabase bootstrap ,系統將提示您選擇啟動範本。最棒的是,您甚至不需要安裝 CLI 即可開始!只要安裝了npmbun ,就可以開始了!

  • CLI: supabase bootstrap

  • NPM: npx supabase@latest bootstrap

  • 髮髻: bunx supabase@latest bootstrap

命令列截圖

模板如何運作

入門範本清單在 GitHub 上發佈為Samples.json 。每當我們(以及未來的社區)加入新的啟動器時,它將自動對所有 Supabase 用戶可用。

範本儲存庫通常包含完整的前端程式碼,檔案結構如下:

  • 包含config.tomlmigrations檔案(如果有)的supabase目錄。

  • .env.example file ,定義 CLI 的環境變數清單以填入專案憑證。我們目前支援與Vercel 整合相同的憑證清單。如果.env檔案不存在,CLI 將為您建立它。

當地發展

選擇啟動器後,Supabase CLI 會將所有檔案從範本儲存庫下載到您選擇的本機目錄。

GitHub 速率限制

從範本儲存庫下載過於頻繁時,您可能會遇到 GitHub 速率限制。可以透過在本地將 GITHUB_TOKEN 環境變數設定為 GitHub 個人存取權杖來避免這種情況。

該模型與流行的shadcn工作流程非常相似。在本機儲存庫中建立檔案後,您可以修改它們並將它們簽入原始碼管理。

部署到生產環境

supabase bootstrap過程中,將在 Supabase 平台上建立一個新專案並連結到您的本機環境。如果您還沒有帳戶建立流程,此命令將引導您完成帳戶建立流程。

cli 的螢幕截圖

需要一些耐心

連結到新的託管專案可能需要一段時間,因為它需要在雲端啟動新的資料庫。

連結完成後,系統將提示您將所有範本遷移檔案推送到新託管的專案。這些遷移檔案將使用必要的模式設定您的遠端資料庫以支援入門應用程式。

命令列截圖

推送遷移後,您的專案憑證將匯出到.env文件,以便您從任何前端或後端程式碼進行連線。預設環境變數包括:

  • POSTGRES_URL

  • SUPABASE_URL

  • SUPABASE_ANON_KEY

  • SUPABASE_SERVICE_ROLE_KEY

由您選擇的範本定義的.env.example檔案中的其他自訂變數也將合併到您的本機.env檔案中。

安全地儲存憑證

安全地儲存這些憑證非常重要,因為任何人都可以使用POSTGRES_URL連接到您的遠端資料庫。

開始開發

最後,CLI 將建議一個start命令來在本地啟動您的應用程式。啟動本機應用程式將使用.env檔案中定義的憑證連接到新的託管專案。

開發環境

範本庫

就是這樣,只需一個命令,您就可以啟動一個新專案並端到端執行。

Supabase Bootstrap 讓您更輕鬆地開始使用 Supabase、行動應用程式工具和 Web 開發框架(例如 Next.js、Expo React Native、Flutter、Swift iOS)。

我們即將推出更多模板,並將開放給社區貢獻。敬請關注!

開始使用

請造訪Supabase CLI 文件以開始使用supabase bootstrap

更多關於 GA 週的訊息


原文出處:https://dev.to/supabase/supabase-bootstrap-the-fastest-way-to-launch-a-new-project-56hf


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈