wdc saas starter kit Download - wdc saas starter kit Source Code Download

wdc saas starter kit

شفرة المصدر الأخرى

1.0.0

تنزيل

يلاحظ! لم تنتهي مجموعة المبتدئين هذه بالكامل ، لكنني فقط أجعل هذا الجمهور في الوقت الحالي إذا كان أي شخص يريد إضافته. لقد شعرت بالاحتراق على العمل على هذا ، لذا فأنا منفتح على أي شخص يرغب في المساعدة في تسهيل إصلاح أي أخطاء يجدونها ، إلخ.

خلاف

يمكنك الانضمام إلى Discord إذا كنت تريد التحدث عن الكود هنا أو اقتراح ميزات / إلخ.

https://discord.gg/n2ueyp7rfu

تجول في الكود (الوصول المبكر)

بالنسبة لأولئك الذين يرغبون في المزيد من محتوى تجول الفيديو الذي يشرح قاعدة الرموز هذه ، يوضح كيفية نشره ، وكيفية الحفاظ عليه في الإنتاج ، أنا أعمل على سلسلة تجول في الفيديو المدفوعة التي تم العثور عليها هنا https://webdevcody.gumroad.com /L/WDC-SAAS-Starter-Kit-Walkthrough. أنا بصدد تسجيل مقاطع الفيديو وتحريرها ، ولكن إذا اشتريت الآن ، فسيكون ذلك بنسبة 50 ٪ من التسعير الأصلي.

مرحبًا بك في مجموعة المبتدئين

مرحبًا بكم في مجموعة أدوات بداية WDC Next.js! هذا قالب github الذي يحتوي على التكنولوجيا التالية التي نشعر أنها نقطة انطلاق رائعة لأي منتج SaaS جديد:

إذن
إدارة الاشتراك (شريط)
تكامل الشريط / Webhooks
إدارة المجموعة
تحميل الملف إلى R2
رذاذ orm
الوضع الخفيف / المظلم
Shadcn
Tailwind CSS
تحليلات ما بعد

المساهمة

إذا وجدت مشكلات واضحة مع مجموعة المبتدئين هذه ، فلا تتردد في تقديم طلب سحب أو إرسال وإصدار. نريد أن نبقي هذا المبتدئ بسيطًا من خلال التقنية الأساسية التي تم اختيارها ، لذلك لا نوصي بمحاولة إضافة أشياء مختلفة دون موافقة مسبقة.

كيف تبدأ

ابدأ بالنقر فوق الزر "استخدم هذا القالب" على Github Repo. نقترح إنشاء مستودع جديد حتى تتمكن من تتبع تغييرات الكود. بعد ذلك ، استنساخ مستودعك الخاص وصولاً إلى جهاز الكمبيوتر الخاص بك وابدأ العمل عليه.

المتطلبات الأساسية

تستخدم مجموعة Starter هذه Docker و Docker لتشغيل قاعدة بيانات postgres ، لذلك ستحتاج إما إلى تثبيت تلك ، أو تعديل المشروع للإشارة إلى حل قاعدة بيانات مستضاف.

كيفية الجري

cp .env.sample .env
npm i
docker compose up
npm run db:migrate
npm run dev

إعداد البيئة

تعتمد مجموعة المبتدئين هذه على بعض الخدمات الخارجية ، مثل Google Oauth و Stripe و Resend . ستحتاج إلى اتباع الخطوات أدناه والتأكد من أن كل شيء هو إعداد ونسخ القيم الضرورية في ملف .env الخاص بك:

إعادة الالتحاق

قم بإنشاء حساب على https://resend.com/ وإنشاء مفتاح API واللصق في البريد الإلكتروني _server_password

قم بإعداد نطاقك في إعادة الإيداع بحيث يمكنك إرسال رسائل بريد إلكتروني من مجالك المخصص وتعيين eMail_from لمطابقة الخط المتوقع الخاص بك. للقيام بذلك ، انتقل إلى مزود النطاق الخاص بك وأضف السجلات اللازمة الموضحة في إعادة الالتزام.

Cloudflare R2

TODO: أضف معلومات حول دلو ومفاتيح

قاعدة البيانات

تستخدم هذه المجموعة المبتدئة Postgres. يوفر Supabase قاعدة بيانات مجانية بعد Postgres. قم بإعداد قاعدة بيانات واحصل على قاعدة البيانات الخاصة بك.

إعداد الشريط

تستخدم مجموعة Starter Strip ذلك ، مما يعني أنك ستحتاج إلى إعداد حساب Stripe على https://stripe.com. بعد إنشاء حساب ومشروع ، ستحتاج إلى تعيين متغيرات ENV التالية:

stripe_api_key
Next_public_stripe_key
stripe_webhook_secret
Price_id
Next_public_stripe_manage_url

كيف يمكنك أن تجد هذه موضحة أدناه:

مفاتيح الشريط

تحتاج إلى تحديد كل من next_public_stripe_key و stripe_api_key داخل .env. يمكن العثور عليها هنا:

https://dashboard.stripe.com/test/apikeys

مفاتيح webhook

اعتمادًا على ما إذا كنت تتطور محليًا أو تنشر إلى Prod ، هناك مساران تحتاج إلى اتخاذه للحصول على مفتاح WebHook:

التنمية المحلية

قم بتثبيت CLI Stripe: بالنسبة لماكوس أو Linux ، يمكنك استخدام Homebrew: brew install stripe/stripe-cli/stripe

بالنسبة لنظام التشغيل Windows ، يمكنك استخدام جهاز تثبيت Windows من صفحة إصدارات Stripe CLI Github - https://github.com/stripe/stripe-li/releases

أضف Stripe CLI إلى مسارك: تأكد من أن الدليل الذي يحتوي على الشريط CLI قابل للتنفيذ في متغير بيئة مسار نظامك.
لقد قدمنا stripe:listen يمكنك تشغيله إذا كنت ترغب في إعداد تطبيق التشغيل محليًا إلى Listsen لأي أحداث شريطية. قم بتشغيل هذا الأمر ونسخ Secret Webhook الذي يطبعه إلى وحدة التحكم في ملف .env الخاص بك.