تثبيت
هل أنت مستعد لتثبيت Saasfly؟ اتبع هذا الدليل لاستخدام واجهة سطر الأوامر create saasfly للبدء.
متطلبات النظام
بالمناسبة، نوصي باستخدام NVM (Node Version Manager) لتشغيل إصدارات مختلفة من Node.js.
1. تشغيل معالج الإعداد
قم بتشغيل الأمر التالي في محطتك لبدء معالج التثبيت المفيد:
bun create saasflyعند التثبيت، ستشاهد المطالبات التالية:
- استنسخ مستودع saasfly في المجلد المحدد.
- إزالة سجل git
- تثبيت التبعيات
- إنشاء نوع Prisma
بعد المطالبات، سيقوم الأمر create saasfly بإنشاء مجلد باسم مشروعك وتثبيت التبعيات المطلوبة.
2. ابدأ Saasfly
ينبغي عليك القيام بالقوائم أدناه لتشغيل الخادم.
إعداد متغيرات البيئة
قم بالدخول إلى مجلد saasfly، ثم قم بنسخ الملف .env.example، ثم قم بإعادة تسميته إلى .env.local، ثم أدخل المتغيرات الخاصة بك.
cd saasflycp .env.example .env.localتأكد من أن لديك قاعدة بيانات Postgres (إذا لم يكن لديك Postgres، فانقر هنا) وقمت بإنشاء قاعدة بيانات جديدة.
يجب أن يكون POSTGRES_URL موجودًا في ملف .env.local الخاص بك:
# مثال على التنسيق# POSTGRES_URL="postgres://{USER}:{PASSWORD}@{DB_HOST}:{DB_PORT}/{DATABASE}"
POSTGRES_URL="postgres://postgres:[email protected]:5432/saasfly"بعد ذلك، استخدم bun لإنشاء جداول قاعدة البيانات:
bun db:pushانتاج:
🚀 Your database is now in sync with your Prisma schema. Done in 151ms
┌─────────────────────────────────────────────────────────┐│ Update available 5.9.1 -> 5.10.2 ││ Run the following to update ││ npm i --save-dev prisma@latest ││ npm i @prisma/client@latest │└─────────────────────────────────────────────────────────┘إذا حدث خطأ ما، يمكنك التحدث إلينا على Discord، وسنكون سعداء بالإجابة على أي شيء يتعلق بـ Saasfly.
قم بتشغيل البناء أولاً
نظرًا لأن بعض المكونات الأساسية تتطلب وقت التجميع، فيجب عليك run build أولًا.
bun run buildتشغيل خادم التطوير
استخدم bun run لبدء تشغيل خادم الويب الخاص بك:
bun run dev:web@saasfly/nextjs:dev: cache bypass, force executing ad8bea47f156e113@saasfly/nextjs:dev: $ bun with-env next dev@saasfly/nextjs:dev: $ dotenv -e ../../.env.local -- next dev@saasfly/nextjs:dev: ▲ Next.js 14.1.0@saasfly/nextjs:dev: - Local: http://localhost:3000@saasfly/nextjs:dev:@saasfly/nextjs:dev: automatically enabled Fast Refresh for 1 custom loader@saasfly/nextjs:dev: ✓ Ready in 12.1sإذا سارت الأمور على ما يرام، فيجب أن يقوم Saasfly الآن بخدمة مشروعك على http://localhost:3000 ، ويمكنك رؤية النتيجة:
مبروك! يمكنك الآن البدء في كتابة التعليمات البرمجية لبناء برنامج SaaS الخاص بك.
إذا كنت جديدًا على Saasfly، فراجع مستندات هيكل المشروع للحصول على نظرة عامة على جميع الملفات والمجلدات المحتملة في تطبيقك.
تشغيل مع Stripe
يرجى قراءة المقال Stripe. ثم استخدم bun dev لتشغيل Stripe:
bun dev