Melihat! Starter kit ini belum sepenuhnya selesai, tetapi saya hanya membuat publik ini untuk saat ini jika ada yang ingin menambahkannya. Saya kelelahan untuk mengerjakan ini jadi saya terbuka untuk siapa pun yang ingin membantu berkontribusi untuk memperbaiki bug yang mereka temukan, dll.
Anda dapat bergabung dengan perselisihan jika Anda ingin berbicara tentang kode di sini atau menyarankan fitur / dll.
https://discord.gg/n2ueyp7rfu
Bagi mereka yang menginginkan lebih banyak konten walkthrough video yang menjelaskan basis kode ini, menunjukkan cara menggunakannya, dan bagaimana mempertahankannya dalam produksi, saya sedang mengerjakan serial walkthrough berbayar yang ditemukan di sini https://webdevcody.gumroad.com /l/wdc-saas-starter-kit-walkthrough. Saya sedang dalam proses merekam dan mengedit video, tetapi jika Anda membeli sekarang, itu adalah diskon 50% dari harga aslinya.
Selamat datang di WDC Next.js Starter Kit! Ini adalah template github yang berisi teknologi berikut yang kami rasa adalah titik awal yang bagus untuk setiap produk SaaS baru:
Jika Anda menemukan masalah yang jelas dengan starter kit ini, jangan ragu untuk mengirimkan permintaan tarik atau mengirimkan dan masalah. Kami ingin menjaga starter ini sederhana dengan teknologi inti yang dipetik, jadi kami tidak merekomendasikan untuk mencoba menambahkan berbagai hal tanpa persetujuan sebelumnya.
Mulailah dengan mengklik tombol "Gunakan templat ini" pada repo GitHub. Kami sarankan membuat repositori baru sehingga Anda dapat melacak perubahan kode Anda. Setelah itu, klon repositori Anda sendiri ke komputer Anda dan mulailah mengerjakannya.
Starter Kit ini memang menggunakan Docker dan Docker Compose untuk menjalankan database Postgres, jadi Anda harus menginstal, atau memodifikasi proyek untuk menunjuk ke solusi database yang di -host.
cp .env.sample .env
npm i
docker compose up
npm run db:migrate
npm run dev
Starter kit ini tergantung pada beberapa layanan eksternal, seperti Google OAuth , Stripe , dan Resend . Anda harus mengikuti langkah -langkah di bawah ini dan memastikan semuanya diatur dan menyalin nilai yang diperlukan ke file .env Anda:
Buat akun di https://resend.com/ dan buat kunci API dan tempel ke email_server_password
Siapkan domain Anda di Resend sehingga Anda dapat mengirim email dari domain khusus Anda dan mengatur email_from agar sesuai dengan yang Anda harapkan dari jalur. Untuk melakukan ini, buka penyedia domain Anda dan tambahkan catatan yang diperlukan yang diuraikan dalam Resend.
TODO: Tambahkan info tentang ember dan kunci
Starter kit ini menggunakan postgres. Supabase menyediakan 2 database postgres gratis. Siapkan database dan dapatkan database_url Anda.
Starter kit ini menggunakan stripe yang berarti Anda harus menyiapkan akun strip di https://stripe.com. Setelah membuat akun dan proyek, Anda harus mengatur variabel ENV berikut:
Bagaimana Anda dapat menemukan ini diuraikan di bawah ini:
Anda perlu mendefinisikan baik next_public_stripe_key dan stripe_api_key di dalam .env. Ini bisa ditemukan di sini:
Bergantung pada apakah Anda sedang mengembangkan secara lokal atau digunakan untuk Prod, ada dua jalur yang perlu Anda ambil untuk mendapatkan kunci webhook:
brew install stripe/stripe-cli/stripe
stripe:listen
Anda dapat menjalankan jika Anda ingin mengatur aplikasi yang menjalankan lokal Anda ke Listsen untuk setiap acara stripe. Jalankan perintah ini dan salin rahasia webhook yang dicetaknya ke konsol ke file .env Anda.Saat pergi ke produksi, Anda harus membuat titik akhir webhook dan menyalin rahasia webhook Anda ke stripe_webhook_secret :
Anda harus membuat produk berlangganan di Stripe:
Stripe memiliki cara bawaan bagi pelanggan untuk membatalkan langganan mereka. Anda harus mengaktifkan fitur ini:
Saat bergantung pada produksi, Anda ingin mengatur host_name ke fqdn Anda, seperti https://you-domain.com
Secara default, starter ini hanya dilengkapi dengan penyedia Google yang Anda perlukan untuk mengatur:
TODO: Tambahkan info