بهترین قالب رایگان و منبع باز SaaS برای React و NodeJS

ارائه Open SaaS 🎉

ما واقعاً برای ارائه Open SaaS، دیگ بخار کاملاً رایگان، منبع باز و درجه تولید SaaS برای React، NodeJS و Prisma هیجان‌زده هستیم.

در عمل آن را اینجا ببینید:

https://www.youtube.com/watch?v=rfO5SbLfyFE

Open SaaS دارای تمام ویژگی‌های شروع کننده‌های SaaS پولی است که اخیراً مشاهده کرده‌اید، به جز اینکه کاملاً رایگان و متن باز.

ما احساس کردیم که پرداخت 300 تا 2000 دلار برای برخی از کدهای دیگ بخاری که باید خودتان آن را مدیریت کنید، احمقانه بود.. علاوه بر این، بسیاری از این دیگ های بخار به شدت به خدمات شخص ثالث متکی هستند. هزینه‌های میزبانی و سایر هزینه‌ها را اضافه کنید، و به دنبال صرف هزینه‌های بسیار کمی هستید تا ایده‌تان را به گوش جهانیان برسانید.

به همین دلیل است که با Open SaaS ما تصمیم آگاهانه گرفتیم تا در صورت امکان از خدمات منبع باز و رایگان استفاده کنیم. به عنوان مثال، برنامه آزمایشی میزبانی شده ما و داشبورد مدیریت آن در OpenSaaS.sh توسط یک نسخه خود میزبانی از تجزیه و تحلیل معقول پشتیبانی می شود. آیا همان ویژگی‌ها را در SaaS خود می‌خواهید؟ خب، Open SaaS آن را از قبل برای شما پیکربندی کرده است!

همچنین، چارچوب Wasp، که Open SaaS از آن استفاده می‌کند، کار ایجاد تعدادی از ویژگی‌ها را برای شما انجام می‌دهد، مانند Auth و Cron Jobs، به طوری که مجبور نباشید به یک سرویس شخص ثالث پرداخت کنید یا آن را کاملاً خودتان کدنویسی کنید. بعداً این را با جزئیات بیشتر توضیح خواهیم داد).

آنچه مردم از قبل با Open SaaS می سازند…

از زمان انتشار رسمی، ما تعداد زیادی از مردم را داشته ایم که برنامه های شگفت انگیزی ساخته اند و کسب و کارهای فوق العاده خلاقانه را با Open SaaS راه اندازی کرده اند. بنابراین ما فکر می کنیم برخی از آنها را در اینجا برای شروع برجسته می کنیم.

در زیر لیستی از برخی از برنامه‌های افراد جامعه ما آمده است:

1. سولون: یک نماینده فروش هوش مصنوعی برای فروشندگان اینستاگرام/واتس‌اپ برای کمک به مشتریان در کاوش محصول.
   
   2.Bleepify: با کمک هوش مصنوعی، کلمات خاصی را فوراً از ویدیوها دوبله یا حذف کنید. برای تطابق سریع ویدیوهای YouTube با کد رفتاری آنها بسیار مفید است.
   

2. مقالات بلاگ هوش مصنوعی را دریافت کنید: یک تولید کننده پست وبلاگ با کیفیت بالا و متمرکز بر SEO در قالب نشانه گذاری
   

اگر این مثال‌های بالا در حال حاضر شما را برای ساختن الهام نمی‌کنند، به خواندن زیر ادامه دهید، جایی که در مورد اینکه چرا یک الگوی منبع باز SaaS ساخته‌ایم، از چه پشته‌ای استفاده کرده‌ایم و چگونه کار می‌کند، بحث خواهیم کرد.

چرا ما آن را ساختیم … و سپس آن را به صورت رایگان دادیم

بازخورد از زمان انتشار رسمی ما بسیار مثبت بوده است.

ما هزاران نفر در مورد آن هیجان زده ایم، و برنامه های SaaS متعددی قبلاً با آن ساخته شده اند، اما سوالاتی مانند:

• “آیا قرار است رایگان بماند؟”
• “انگیزه شما برای منبع باز این چیست؟”

بنابراین فکر کردیم که برای شروع به این موارد پاسخ دهیم.

اول، بله، 100٪ رایگان و منبع باز است و همینطور باقی خواهد ماند.

دوم، ما بر این باوریم که دانش جمعی جامعه ای از توسعه دهندگان، هکرهای مستقل و سولوپرنورها، دیگ بخار بهتری نسبت به یک فرد یا گروه کوچک تولید می کند. هنگامی که یک راه‌انداز SaaS از یک توسعه‌دهنده خریداری می‌کنید، در حال حاضر یک پشته صاحب نظر دریافت می‌کنید، سپس علاوه بر آن، برنامه‌ای را نیز دریافت می‌کنید که آن‌ها فکر می‌کنند بهترین است – و ممکن است همیشه بهترین نباشد. برای شما.

سوم، Open SaaS پروژه ای است توسط Wasp، یک چارچوب متن باز React + NodeJS + Prisma با قدرت های فوق العاده. ما، تیم Wasp، معتقدیم که Wasp برای ایجاد سریع و کارآمد برنامه‌های SaaS بسیار مناسب است و می‌خواهیم این الگو آن را ثابت کند. به علاوه، به عنوان توسعه‌دهندگان، ما چیزهای زیادی از سایر پروژه‌های منبع باز آموخته‌ایم، و Wasp خود یک پروژه منبع باز است.

اساساً، ما عاشق فلسفه منبع باز هستیم و می‌خواهیم آن را پیش ببریم. 🙏

بنابراین امیدواریم بتوانیم دارایی بسیار ارزشمندی را در اختیار جامعه توسعه دهندگان قرار دهیم و در عین حال اطلاعاتی را درباره چارچوب متن باز و تمام پشته خود منتشر کنیم. و ما دوست داریم ببینیم که جامعه در آن مشارکت داشته باشد تا رشد کند و تبدیل به بهترین دیگ بخار SaaS شود.

Open SaaS از چه ساخته شده است

ما برای Open SaaS کار سختی انجام دادیم، از جمله مستندات، تا توسعه دهندگان بتوانند یک برنامه SaaS را با اطمینان و به راحتی راه اندازی کنند.

ما همچنین مدتی را صرف بررسی سایر استارت‌های رایگان و منبع باز SaaS کرده‌ایم و می‌خواستیم مطمئن شویم که Open SaaS تمام ویژگی‌های مناسب یک استارت آماده تولید را بدون دردسر دارد. و ما فکر می‌کنیم که در اکثر موارد به آن دست یافته‌ایم، اگرچه به افزودن ویژگی‌ها و بهبود آن با گذشت زمان ادامه خواهیم داد.

در اینجا ویژگی های اصلی در حال حاضر وجود دارد:

• 🔐 احراز هویت (ایمیل تایید شده، گوگل، github)
• 📩 ارسال ایمیل (sendgrid، emailgun، SMTP)
• 📈 داشبورد مدیریت (قابل قبول یا تجزیه و تحلیل گوگل)
• 🤑 پرداخت های خطی (فقط شناسه محصول اشتراک خود را اضافه کنید)
• ⌨️ ایمنی نوع سرتاسر (بدون نیاز به پیکربندی)
• 🤖 OpenAI یکپارچه (نمونه برنامه های مجهز به هوش مصنوعی)
• 📖 وبلاگ با Astro
• 🧪 تست های پایانی با نمایشنامه نویس
• 🚀 در هر جایی مستقر شوید
• 📄 مستندات کامل و پشتیبانی انجمن

ارزش آن را دارد که در مورد هر یک از این ویژگی ها به جزئیات بپردازیم، پس بیایید این کار را انجام دهیم.

احراز هویت

به لطف Wasp، Open SaaS با تعدادی از روش‌های احتمالی Auth ارسال می‌شود:

• نام کاربری و رمز عبور (ساده ترین/ساده ترین برای تست برنامه نویس)
• ایمیل با بازنشانی رمز عبور تأیید شد
• ورود به سیستم اجتماعی Google و/یا Github

اینجاست که Wasp واقعاً می‌درخشد، زیرا برای راه‌اندازی کامل Auth و دریافت مؤلفه‌های UI از پیش پیکربندی‌شده، تنها چیزی که لازم است این است:

//main.wasp
app SaaSTemplate {
  auth: {
    userEntity: User,
    methods: {
      usernameAndPassword: {},
      google: {},
      gitHub: {},
    }
  }
}

به طور جدی. خودشه!

فقط مطمئن شوید که اعتبار اجتماعی خود را تنظیم کرده اید و کلیدهای API و همچنین کلیدهای خود را دارید User و ExternalAuth موجودیت‌ها تعریف شده‌اند، و شما آماده هستید. و نگران نباشید، این بخش در Open SaaS Docs مستند و با جزئیات توضیح داده شده است.

علاوه بر این، Open SaaS با چند مثال در مورد نحوه سفارشی‌سازی و ایجاد برخی جریان‌های احراز هویت واقعاً قدرتمند از پیش پیکربندی شده است.

داشبورد مدیریت و تجزیه و تحلیل

با استفاده از قابلیت Wasp’s Jobs، Open SaaS داده‌ها را هر ساعت از تجزیه و تحلیل سایت Plausible یا Google (انتخاب شما!) و Stripe’s Data API می‌گیرد و آنها را در پایگاه داده ما ذخیره می‌کند. سپس این داده‌ها در داشبورد مدیریت ما نشان داده می‌شوند (برای مشاهده عملکرد به OpenSaaS.sh بروید). بخش خوب این است که برای دسترسی به این داده ها برای برنامه خود، تنها کاری که باید انجام دهید این است که راهنمای ما در مورد دریافت کلیدهای API تجزیه و تحلیل خود را دنبال کنید، اسکریپت ارائه شده را وارد کنید، و شما آماده هستید!

باز هم Wasp کل این فرآیند را بسیار آسان می کند. با عملکرد پرس و جو از API ها و دریافت داده هایی که قبلاً برای شما نیاز داریم، Open SaaS سپس از Wasp Job در main.wasp فایل پیکربندی:

job dailyStatsJob {
  executor: PgBoss,
  perform: {
    fn: import { calculateDailyStats } from "@server/workers/calculateDailyStats.js"
  },
  schedule: {
    cron: "0 * * * *" 
  },
  entities: [User, DailyStats, Logs, PageViewSource]
}

و بس! Wasp از راه اندازی و اجرای cron job برای شما مراقبت می کند.

پرداخت های خطی

اگر توسعه‌دهنده‌ای هستید که قبلاً SaaS خود را نساخته‌اید، احتمالاً یکی از معدود چالش‌هایی است که با یک پردازنده پرداخت مانند Stripe ادغام خواهید شد.

زمانی که اولین SaaS خود، CoverLetterGPT.xyz را ساختم، این مورد برای من بود. این در واقع یکی از انگیزه های اصلی من برای ساختن آن بود. برای یادگیری نحوه ادغام پرداخت های Stripe در یک برنامه و همچنین OpenAI API.

و حتی اگر Stripe به دلیل داشتن اسناد عالی شناخته شده است، این روند هنوز هم می تواند دلهره آور باشد. تو باید:

• نوع محصول صحیح را ایجاد کنید
• نقاط پایانی وب هوک را تنظیم کنید
• به Stripe بگویید رویدادهای وب هوک صحیح را برای شما ارسال کند
• وقایع را به درستی مصرف کنید
• مقابله با پرداخت های مکرر و ناموفق
• قبل از پخش زنده، همه آن را به درستی از طریق CLI آزمایش کنید

به همین دلیل است که تنظیم پرداخت های اشتراک Stripe برای شما بسیار برنده است.

اما مهمتر از آن این است که کل فرآیند را به راحتی برای شما مستند کنید! به همین دلیل است که Open SaaS راهنماهای راحت Stripe را در اسناد ما به شما ارائه می دهد

ایمنی نوع سرتاسر

Open SaaS با تایپ اسکریپت ساخته شده است، و از آنجایی که یک برنامه تمام پشته است، تایپ ایمنی از بک‌اند به جلو می‌تواند نجات‌دهنده واقعی باشد. منظورم این است که بر این اساس، برخی از پشته های صاحب نظر بسیار محبوب شده اند.

خوشبختانه، Wasp به شما Typesafety سرتاسری را ارائه می‌کند (هیچ چیزی برای پیکربندی وجود ندارد!)، بنابراین استفاده از آن برای Open SaaS آسان بود.

در اینجا یک مثال است:

1. Wasp را از عملکرد سرور خود آگاه کنید:

   // main.wasp
   
   action getResponse {
     fn: import { getResponse } from "@server/actions.js",
     entities: [Response]
   }
   

2. اقدام سرور خود را تایپ و اجرا کنید.

   // src/srever/actions.ts
   
   type RespArgs = {
     hours: string;
   };
   
   const getResponse: GetResponse<RespArgs, string> = async ({ hours }) => { }
   

3. آن را وارد کنید و با مشتری تماس بگیرید.
   
   انواع سمت مشتری به درستی استنباط خواهند شد!
   

برنامه نمونه مبتنی بر هوش مصنوعی (با OpenAI API)

هوش مصنوعی ایده‌های جدید اپلیکیشن را ممکن می‌سازد، به همین دلیل است که ما شاهد افزایش علاقه توسعه‌دهندگان به ایجاد اپلیکیشن‌های SaaS هستیم. همانطور که در بالا ذکر کردم، اولین برنامه SaaS که من ساختم، CoverLetterGPT، یکی از آن “GPT Wrappers” است و من با افتخار می گویم که درآمد غیرفعال خوبی در حدود 350 دلار MRR (درآمد تکراری ماهانه) دارد.

من شخصا معتقدم که در توسعه نرم‌افزار در نقطه‌ای شیرین قرار داریم که در آن پتانسیل زیادی برای توسعه برنامه‌های جدید و سودآور مبتنی بر هوش مصنوعی وجود دارد، به‌ویژه توسط “هکرهای مستقل” و “انفرادی”.

به همین دلیل Open SaaS دارای یک برنامه نمایشی دستیار زمان‌بندی هوش مصنوعی است. شما وظایف خود را به همراه زمان اختصاص داده شده آنها وارد می‌کنید و برنامه‌ریز هوش مصنوعی یک برنامه دقیق برای روز شما ایجاد می‌کند.

زیر سرپوش، این از API OpenAI برای تعیین اولویت به هر کار و تقسیم آنها به وظایف فرعی دقیق، از جمله استراحت های قهوه استفاده می کند! همچنین از ویژگی فراخوانی تابع OpenAI استفاده می‌کند تا پاسخ را در یک شی JSON تعریف‌شده توسط کاربر بازگرداند تا مشتری بتواند هر بار آن را به درستی مصرف کند. همچنین، ما در حال برنامه ریزی برای اضافه کردن LLM های منبع باز در آینده هستیم، پس با ما همراه باشید!

دمو AI Scheduler وجود دارد تا به توسعه دهندگان کمک کند تا نحوه استفاده موثر از OpenAI API را بیاموزند و ایده های خلاقانه برنامه SaaS را ایجاد کنند!

استقرار در هر کجا. به آسانی.

بسیاری از راه‌اندازهای محبوب SaaS از چارچوب‌های وابسته به میزبانی استفاده می‌کنند، به این معنی که برای استقرار به یک ارائه‌دهنده تکیه کرده‌اید. اگرچه اینها می توانند گزینه های آسانی باشند، اما ممکن است همیشه برای برنامه شما بهترین نباشد.

Wasp به شما امکانات بی پایانی برای استقرار برنامه فول استک می دهد:

• استقرار یک فرمان به Fly.io با wasp deploy
• استفاده کنید wasp build و Dockerfiles و کلاینت را در هر کجا که دوست دارید مستقر کنید!

چیز بزرگ در مورد wasp deploy، این است که به طور خودکار پایگاه داده، سرور و کلاینت شما را تولید و مستقر می کند و همچنین متغیرهای محیطی شما را برای شما تنظیم می کند.

Open SaaS همچنین دارای اعتبار سنجی متغیرهای محیطی و ثابت است تا مطمئن شود که همه چیز را به درستی برای استقرار تنظیم کرده اید، و همچنین راهنماهای استقرار در اسناد

در پایان، شما مالک کد خود هستید و آزاد هستید که آن را در هر کجا، بدون قفل کردن فروشنده، مستقر کنید.

به ما کمک کنید، به شما کمک کنید

آیا می خواهید از ابتکار رایگان و منبع باز ما حمایت کنید؟ سپس با ستاره دار کردن ما در GitHub از ما حمایت کنید

⭐️ به Open SaaS ستاره بدهید 🙏

حالا بروید SaaS خود را بسازید!

ما امیدواریم که Open SaaS به توسعه دهندگان بیشتری اجازه دهد تا ایده ها و پروژه های جانبی خود را ارسال کنند. و همچنین امیدواریم که بازخورد و نظراتی را از توسعه دهندگان دریافت کنیم تا بتوانیم این را به بهترین راه اندازی دیگ بخار SaaS در بازار تبدیل کنیم.

بنابراین، لطفا، اگر نظری دارید یا اشکالی دارید، موضوع را در اینجا ارسال کنید.

و اگر Open SaaS و/یا Wasp را مفید می‌دانید، ساده‌ترین راه برای پشتیبانی این است که یک ستاره به ما بدهید: