注意!此入門套件還沒有完全完成,但是如果有人想添加到它上面,我現在只是在公開。我正在為此而努力工作,所以我向任何想幫助修復他們發現的錯誤的人開放,等等。
如果您想在此處談論代碼或建議功能 /等,則可以加入Discord。
https://discord.gg/n2ueyp7rfu
對於那些想要更多動手進行視頻演練內容來解釋此代碼基礎,顯示如何部署它以及如何在生產中維護它的人,我正在研究此處找到的付費視頻演練系列https://webdevcody.gumroad. com /l/wdc-saas-starter-kit-walkthrough。我正在錄製和編輯視頻中,但是如果您立即購買,原始價格將享受50%的折扣。
歡迎來到WDC Next.js入門套件!這是一個GitHub模板,其中包含以下技術,我們認為是任何新SaaS產品的絕佳起點:
如果您發現此入門套件的明顯問題,請隨時提交拉動請求或提交和發行。我們希望通過選擇的核心技術使該起動器保持簡單,因此我們不建議未經事先批准嘗試添加各種東西。
首先單擊GitHub存儲庫上的“使用此模板”按鈕。我們建議創建一個新的存儲庫,以便您可以跟踪代碼更改。之後,將自己的存儲庫推向您的計算機並開始處理。
該入門套件確實使用Docker和Docker組成來運行Postgres數據庫,因此您需要安裝這些數據庫,或者修改項目以指向託管數據庫解決方案。
cp .env.sample .env
npm i
docker compose up
npm run db:migrate
npm run dev
此入門套件取決於一些外部服務,例如Google Oauth , Stripe和Resent 。您需要遵循以下步驟,並確保所有內容都是設置的,並將必要值複製到.env文件中:
在https://resend.com/上創建一個帳戶,然後生成一個API鍵並粘貼到email_server_password中
設置您的域重新設置,以便您可以從自定義域發送電子郵件,並從email__er_s_eflom中匹配您的期望。為此,請轉到您的域提供商,並添加重新介紹中概述的必要記錄。
TODO:添加有關存儲桶和鑰匙的信息
此入門套件使用Postgres。 Supabase提供2個免費的Postgres數據庫。設置數據庫並獲取您的數據庫_url 。
此入門套件使用條紋,這意味著您需要在https://stripe.com上設置一個條紋帳戶。創建帳戶和項目後,您需要設置以下ENV變量:
您如何找到這些內容在下面概述:
您需要在.env內部定義Next_public_stripe_key和Stripe_api_key 。這些可以在這裡找到:
取決於您是在本地開發還是部署到產品,要獲得Webhook密鑰需要採取兩種途徑:
brew install stripe/stripe-cli/stripe
stripe:listen
您可以運行。運行此命令並將其打印到控制台的Webhook Secret將其複製到您的.ENV文件中。當要進行生產時,您需要創建一個Webhook端點,並將Webhook Secret複製到Stripe_webhook_secret :
您需要以條紋創建訂閱產品:
Stripe具有內置的方式,可讓客戶取消其訂閱。您需要啟用此功能:
當傾向於生產時,您想將host_name設置為fqdn,例如https://you-domain.com
默認情況下,此入門僅帶有Google提供商,您需要設置它:
TODO:添加信息