# Replit یا Lovable؟ مقایسهٔ محیط، بک‌اند، هزینه و تحویل پروژه

> برای پروژه‌ای با زبان یا محیط اجرای مشخص، ابزار خط فرمان و پردازش پس‌زمینه، Replit را اول بررسی کن. برای مسیر هدایت‌شدهٔ ساخت وب‌اپ با گفتگو، پیش‌نمایش و Cloud، Lovable را هم بسنج. هر دو بک‌اند و مسیر تحویل کد دارند؛ تفاوت مهم در محیط اجرا، مرز دادهٔ آزمایشی، هزینهٔ ساخت و اجرای زنده است. این مقایسه از بررسی صفحات و منابع رسمی است، نه بنچمارک تازهٔ یک پروژهٔ برابر.

- Published: 2026-10-17T17:09:19.457Z
- Updated: 2026-10-17T17:09:19.457Z
- Author: نیکان نورافکن

---
**Replit یا Lovable؟** اگر یک وب‌اپ تازه مثل پنل مشتریان، فرم ثبت‌نام یا ابزار داخلی می‌خواهی و ترجیح می‌دهی با گفتگو و پیش‌نمایش جلو بروی، Lovable را در فهرست کوتاهت بگذار. اگر زبان یا فریم‌ورک مشخص، ابزار خط فرمان، پردازش پس‌زمینه یا کنترل بیشتر محیط اجرا بخشی از پروژه است، Replit را اول بررسی کن. هر دو ساخت با زبان طبیعی دارند؛ «غیرفنی در برابر برنامه‌نویس» به‌تنهایی تفاوت را توضیح نمی‌دهد.

این راهنما در **۲۵ مهر ۱۴۰۵** به‌روزرسانی شده است. صفحهٔ شروع و قیمت هر دو ابزار را در مرورگر باز کردیم؛ تفاوت‌های فنی را از مستندات رسمی خواندیم. تصاویر محیط کار، نمونهٔ رسمی Replit و تصویر آرشیوی پروژهٔ قبلی Lovable هستند. این‌ها اجرای تازهٔ یک پرامپت برابر نیستند؛ برای سرعت، کیفیت طراحی و مصرف پروژه برندهٔ اندازه‌گیری‌شده نداریم. کُندا ناشر همین مقاله است و پیشنهاد انتخاب، تحلیل تحریریه است.

## پاسخ سریع؛ برای پروژهٔ تو از کدام شروع کنیم؟

| نیاز اصلی تو | اول چه چیزی را بررسی کنی؟ | دلیل و شرط انتخاب |
| --- | --- | --- |
| پنل مشتری، فرم و حساب کاربری در یک وب‌اپ تازه | Lovable | مسیر یکپارچهٔ گفتگو، پیش‌نمایش و Cloud؛ نقش‌ها و داده را در خروجی خودت امتحان کن |
| ابزار Python، پردازش فایل یا وابستگی به فریم‌ورک مشخص | Replit | General Agent و محیط اجرا دامنهٔ بازتری دارند؛ سازگاری وابستگی‌ها را تأیید کن |
| بات همیشه‌روشن یا کار زمان‌بندی‌شده | Replit | گزینه‌های Reserved VM و Scheduled برای این الگوها مستندند |
| سایت عمومی با اهمیت سئو | هر دو، با بررسی خروجی | نوع رندر، آدرس صفحات و متادیتا مهم‌تر از نام ابزار است |
| تیمی که کد را تحویل می‌گیرد | هر دو، با اجرای محلی و انتقال داده | مخزن به‌تنهایی دیتابیس، فایل‌ها و تنظیمات اجرا را منتقل نمی‌کند |
| مبتدی با ایدهٔ هنوز مبهم | یک نمونهٔ کوچک در مسیر متناسب | قبل از اشتراک، ببین خطا و اصلاح بعدی را می‌فهمی یا نه |

این جدول امتیازدهی نیست. برای مقایسه با گزینه‌های دیگر، [راهنمای ابزارهای وایب کدینگ](/blog/best-vibe-coding-tools) را ببین. اگر فقط سایت معرفی می‌خواهی، [مسیرهای ساخت سایت بدون کدنویسی](/blog/build-website-without-coding) انتخاب را زودتر محدود می‌کند.

## مقایسهٔ دقیق قابلیت‌ها؛ تفاوت کجا روی کار اثر می‌گذارد؟

| موضوع | Replit | Lovable | اثر روی تصمیم تو |
| --- | --- | --- | --- |
| نقطهٔ شروع | درخواست متنی و انتخاب نوع خروجی؛ بعد محیط پروژه | درخواست متنی و ساخت در چت کنار پیش‌نمایش | هر دو را می‌شود با زبان طبیعی شروع کرد |
| فناوری پروژه | General Agent برای زبان‌ها و فریم‌ورک‌های مختلف | مسیر پیش‌فرض مشخص؛ پروژه‌های جدید TanStack Start و پروژه‌های قدیمی‌تر React/Vite | اگر فناوری الزام قراردادی است، قبل از ساخت آن را روشن کن |
| ابزار توسعه | فایل‌ها، Console، Shell و Git در محیط ابری | Preview، Code و ابزارهای More در ویرایشگر | نوع دسترسی موردنیاز توسعه‌دهنده را مشخص کن |
| بک‌اند | دیتابیس و ابزارهای اجرای اپ در پلتفرم | Cloud با دیتابیس، ورود، ذخیرهٔ فایل و توابع | هیچ‌کدام صرفاً مولد ظاهر نیستند |
| تغییر بدون انتشار | محیط توسعه و دیتابیس تولید جدا | Drafts برای تغییر کد؛ بک‌اند مشترک با پروژه | پیش‌نمایش جدا لزوماً دادهٔ آزمایشی جدا نیست |
| بازگشت | Checkpoint؛ بازیابی دیتابیس توسعه اختیاری | History و Drafts در گردش تغییر | بازیابی کد را با بازیابی دادهٔ زنده یکی نگیر |
| تحویل کد | ابزار Git و Shell | Git sync دوطرفه؛ دانلود/ویرایش مستقیم با شرایط پلن | مسیر نگهداری را با تیم تحویل‌گیرنده امتحان کن |
| اجرای زنده | انتخاب نوع انتشار مثل Autoscale یا Reserved VM | میزبانی Lovable یا انتقال به میزبان دیگر | هزینه و عملیات تابع معماری اپ‌اند |

مبنای ردیف‌ها: [Agent](https://docs.replit.com/features/agent/overview)، [General Agent](https://docs.replit.com/features/agent/general-agent)، [Git در Replit](https://docs.replit.com/features/workspace-tools/git-interface)، [ویرایشگر Lovable](https://docs.lovable.dev/features/projects/editor) و [Lovable Cloud](https://docs.lovable.dev/features/cloud). جزئیات مهم هر ردیف را در ادامه باز می‌کنیم.

## از صفحهٔ شروع تا محیط کار؛ کجا چه کاری انجام می‌دهی؟

### Replit؛ گفتگو، پیش‌نمایش و ابزارهای اجرا

در صفحهٔ عمومی Replit، کادر درخواست و گزینه‌هایی مثل Website و Mobile دیده می‌شوند. این مشاهده نشان می‌دهد شروع از درخواست ممکن است؛ برای ساخت کامل و امکانات هر حساب باید شرایط پلن را هم بخوانی.

<figure><img src="/blog/images/replit-vs-lovable/replit-start.webp" width="1440" height="711" alt="صفحهٔ شروع Replit با کادر درخواست و نوع خروجی Website و Mobile" loading="lazy" decoding="async" /><figcaption>ثبت از صفحهٔ عمومی Replit در ۲۵ مهر ۱۴۰۵. پرامپتی ارسال و پروژه‌ای ساخته نشده است؛ متن‌های تبلیغاتی صفحه نتیجهٔ آزمون ما نیستند.</figcaption></figure>

در مثال رسمی زیر، پیام ساخت در چپ و Preview در راست قرار دارد؛ Tools و Publish هم در نوار بالا هستند. نمونهٔ Gather عمداً بدون ورود و دیتابیس شروع می‌شود، پس پیام تأیید فرم آن را شاهد ثبت پایدار داده ندان.

<figure><img src="/blog/images/replit-vs-lovable/replit-official-editor.webp" width="1393" height="868" alt="مثال رسمی محیط Replit با Agent، Preview و پروژهٔ Gather" loading="lazy" decoding="async" /><figcaption>تصویر آموزشی Replit از راهنمای ساخت اولین اپ؛ پروژهٔ آزمایشی ما نیست. تصویر برای شناخت محل گفتگو و پیش‌نمایش استفاده شده، نه مقایسهٔ کیفیت طراحی.</figcaption></figure>

برای شروع، این مسیر را در [راهنمای رسمی Replit](https://docs.replit.com/build/your-first-app) دنبال کن:

1. نوع خروجی و یک کار اصلی را مشخص کن؛ مثلاً ثبت و پیگیری درخواست.
2. در Preview، همان کار را انجام بده. اگر خطا دیدی، مرحله، پیام و انتظار درست را بنویس.
3. برای بررسی فنی، از ابزارهای پروژه سراغ Console، فایل‌ها یا Shell برو؛ سپس یک اصلاح محدود بخواه.

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

### Lovable؛ گفتگو و پیش‌نمایش، همراه با Code و Cloud

صفحهٔ شروع Lovable هم از توضیح نیاز آغاز می‌شود. در ویرایشگر، چت و پیش‌نمایش دو ناحیهٔ اصلی‌اند؛ Code برای خواندن فایل‌ها و More برای ابزارهایی مثل Cloud و تنظیمات استفاده می‌شود. دسترسی‌ها با پروژه و پلن فرق دارند.

<figure><img src="/blog/images/replit-vs-lovable/lovable-start.webp" width="1440" height="657" alt="صفحهٔ عمومی شروع Lovable با کادر درخواست ساخت" loading="lazy" decoding="async" /><figcaption>ثبت از صفحهٔ عمومی Lovable در ۲۵ مهر ۱۴۰۵؛ پیش از ورود و ارسال پرامپت. این تصویر، محیط حساب یا نتیجهٔ یک ساخت تازه نیست.</figcaption></figure>

<figure><img src="/blog/images/replit-vs-lovable/lovable-code-archive.webp" width="1024" height="785" alt="تصویر آرشیوی Code در Lovable با درخت فایل و وضعیت Read only" loading="lazy" decoding="async" /><figcaption>از آزمون قبلی مقالهٔ جایگزین Lovable؛ فایل تنظیم پروژه و نشان Read only در همان حساب دیده می‌شوند. برای مقایسهٔ پلن فعلی، مستندات امروز ملاک‌اند.</figcaption></figure>

مسیر پیشنهادی در حساب خودت:

1. در چت، کاربر، جریان اصلی و نمونه‌بودن داده را روشن بنویس؛ یک نسخهٔ کوچک بساز.
2. در Preview، فرم و لینک‌ها را امتحان کن. برای اتصال واقعی، در `More → Cloud` داده و لاگ مربوط را هم بررسی کن.
3. برای تحویل، `Code` و `Project settings → Git` را با دسترسی حسابت ببین؛ سپس یک تغییر رفتاری کوچک بخواه.

طبق [راهنمای ویرایشگر](https://docs.lovable.dev/features/projects/editor)، دیدن کد با ویرایش مستقیم آن در پلن پولی فرق دارد. این ابزار را فقط «تولیدکنندهٔ صفحهٔ زیبا» معرفی نکن: Cloud، منطق بک‌اند و سرویس‌های داده هم بخشی از مسیر مستند آن هستند.

## سه برداشت قدیمی که انتخاب را منحرف می‌کنند

### «Replit فقط برای کدنویس‌هاست»

صفحهٔ فعلی و [مستندات Agent](https://docs.replit.com/features/agent/overview) شروع با زبان طبیعی را نشان می‌دهند. تفاوت مفید برای تصمیم، میزان آزادی محیط اجرا و مسئولیت بررسی فنی است. یک مبتدی هم می‌تواند شروع کند؛ باید ببیند مرحلهٔ خطا، اصلاح و انتشار برایش قابل فهم می‌ماند یا نه.

### «Lovable همیشه یک پروژهٔ React/Vite ثابت می‌سازد»

[مستندات میزبانی و مالکیت Lovable](https://docs.lovable.dev/tips-tricks/deployment-hosting-ownership) بین پروژه‌های جدید TanStack Start و پروژه‌های قدیمی React/Vite فرق می‌گذارد. [راهنمای ارتقا](https://docs.lovable.dev/features/upgrade-to-tanstack-start) تاریخ پیش‌فرض‌شدن برای پروژه‌های جدید عادی را ۱۳ مه ۲۰۲۶ اعلام می‌کند؛ پروژهٔ قدیمی را خودکار ارتقایافته فرض نکن.

اثر عملی: خروجی‌ای که کد سمت سرور اجرا می‌کند را نباید مثل پوشهٔ فایل ثابت روی هر هاست گذاشت. اگر سئو مهم است، HTML دریافتی، عنوان هر صفحه و لینک مستقیم را بررسی کن. SSR به خواندن محتوا کمک می‌کند؛ رتبه و کیفیت محتوای صفحه را تضمین نمی‌کند.

### «یک تصویر خوب یا تعداد کردیت، برنده را معلوم می‌کند»

در مرور [مقایسهٔ خود Lovable](https://lovable.dev/guides/lovable-vs-replit-platform-comparison)، [مقایسهٔ Replit](https://replit.com/comparisons/replit-vs-lovable)، [Superblocks](https://www.superblocks.com/blog/lovable-vs-replit) و [Jotform](https://www.jotform.com/ai/replit-vs-lovable/)، محورهایی مثل مخاطب، ظاهر، بک‌اند و قیمت تکرار می‌شوند. این‌ها ناشران دارای محصول‌اند؛ پیشنهادشان را در همان زمینه بخوان.

برای تصمیم امروز، تاریخ نسخه و شرایط آزمون را هم ببین. مثلاً توصیف «همهٔ خروجی‌ها React و Supabase هستند» باید با مستندات جدید تطبیق داده شود. این راهنما به‌جای نمرهٔ زیبایی بدون پروژهٔ برابر، روی رندر، مرز دادهٔ آزمایشی، بازیابی و هزینهٔ اجرای زنده تمرکز دارد.

## داده، پیش‌نمایش و انتشار؛ تفاوتی که بعداً مهم می‌شود

### Replit: دیتابیس توسعه با دیتابیس تولید فرق دارد

طبق [راهنمای دیتابیس توسعه و تولید](https://docs.replit.com/features/data-and-storage/development-and-production)، محیط پروژه برای ساخت و آزمون از دیتابیس توسعه استفاده می‌کند و اپ منتشرشده دیتابیس تولید جدا دارد. Agent دادهٔ تولید را مستقیم تغییر نمی‌دهد، اما تغییر ساختار می‌تواند هنگام انتشار به تولید اعمال شود. پس «جدا هستند» به معنی بی‌نیازی از بررسی تغییر جدول‌ها نیست.

برای اپ درخواست مرخصی، دادهٔ تست را در محیط توسعه نگه دار. هنگام انتشار ببین قرار است چه ساختاری ساخته یا عوض شود و آیا دادهٔ نمونه کپی می‌شود. بعد، یک درخواست آزمایشی را روی آدرس زنده ثبت و بازیابی کن؛ کارکردن آن در Preview کافی نیست.

### Lovable: Draft جداست، ولی دادهٔ آن لزوماً جدا نیست

[Drafts در Lovable](https://docs.lovable.dev/features/drafts) تغییرهای اپ را جدا نگه می‌دارند، اما هر Draft از بک‌اند و دیتابیس پروژه استفاده می‌کند. رکوردی که در پیش‌نمایش اضافه، ویرایش یا حذف می‌کنی می‌تواند تغییر واقعی داده باشد؛ پاک‌کردن Draft آن را برنمی‌گرداند. تغییرهای افزایشی ساختار هم طبق مسیر مستند، برای پذیرش Draft آماده می‌شوند.

برای آزمون فرم مشتری، از رکورد مشخص آزمایشی استفاده کن و قبل از حذف یا تغییر، بدان به کدام داده وصل هستی. وجود Draft را معادل محیط تست کاملاً جدا معرفی نکن.

### ورود و نقش‌ها را در هر دو به رفتار تبدیل کن

وجود ورود، دیتابیس و ابزار امنیتی روی پلتفرم، دسترسی درست اپ تو را ثابت نمی‌کند. با دو کاربر و یک مدیر بررسی کن که کاربر دوم درخواست دیگری را نمی‌بیند و نمی‌تواند تغییرش دهد. پیام خطای روشن، حفاظت سمت سرور و باقی‌ماندن داده پس از بازکردن دوباره، سه بررسی مستقل‌اند.

## انتشار و برگشت از تغییر خراب

در [گزینه‌های انتشار Replit](https://docs.replit.com/features/publishing/deployment-types)، Autoscale برای ترافیک متغیر، Reserved VM برای اجرای همیشه‌روشن و Scheduled برای کار دوره‌ای توضیح داده شده‌اند. Static هم وجود دارد، اما همین راهنما آن را برای اپ‌های ساخته‌شده با Agent سازگار معرفی نمی‌کند. نوع انتشار را از روی ظاهر «یک صفحهٔ ساده» حدس نزن.

در Lovable، می‌توانی میزبانی داخلی را نگه داری یا طبق [راهنمای انتقال](https://docs.lovable.dev/tips-tricks/deployment-hosting-ownership) کد و سرویس‌ها را به جای دیگر ببری. انتقال فرانت‌اند با انتقال دیتابیس، فایل‌ها، ورود و اتصال‌های خارجی یک کار نیست. برای ادامهٔ مسیر، از تحویل‌گیرنده بخواه پروژه را در مقصد تازه اجرا کند.

[Checkpoint در Replit](https://docs.replit.com/features/version-control/checkpoints-and-rollbacks) امکان برگشت محیط توسعه را توضیح می‌دهد؛ دیتابیس توسعه به‌طور پیش‌فرض برنمی‌گردد و بازیابی تولید مسیر جدا دارد. در هر ابزار پیش از زدن Restore یا Rollback بپرس: کد برمی‌گردد، داده یا هر دو؟ سپس یک رکورد قبلی و یک مسیر اصلی را دوباره بررسی کن.

## هزینهٔ Replit و Lovable؛ اشتراک را از مصرف جدا کن

### قیمت پایه با تاریخ و واحد روشن

| پلن | پرداخت ماهانه | چیزی که در همین مقایسه باید بدانی |
| --- | --- | --- |
| Replit Core | ۲۰ دلار | کارت مشاهده‌شده: ۲۰ دلار اعتبار برای مدل‌های قوی‌تر، کنار سهمیهٔ Free Mode |
| Replit Pro، سطح پایه | ۱۰۰ دلار | کارت مشاهده‌شده: ۱۰۰ دلار اعتبار؛ سطح‌های بالاتر هم دارد |
| Lovable Pro، سطح ۱۰۰ اعتبار | ۲۵ دلار در مستندات | کارت مرورگر ما ۲۵ یورو نشان داد؛ ارز حساب و صورتحساب را بررسی کن |
| Lovable Business، سطح ۱۰۰ اعتبار | ۵۰ دلار در مستندات | کارت مرورگر ما ۵۰ یورو بود؛ امکانات مدیریتی دلیل جداگانهٔ انتخاب‌اند |

بررسی ۲۵ مهر ۱۴۰۵؛ اعداد، مالیات یا تبدیل دلار به یورو نیستند و هزینهٔ یک اپ کامل را نشان نمی‌دهند. منابع: [قیمت رسمی Replit](https://replit.com/pricing)، [پلن‌های رسمی Lovable](https://docs.lovable.dev/introduction/subscription-plans) و [قیمت عمومی Lovable](https://lovable.dev/pricing). برای شروع، سهمیه‌ها و محدودیت‌های رایگان را هم در حساب ببین؛ دسترسی رایگان را با ساخت کامل نامحدود یکی نگیر.

<figure><img src="/blog/images/replit-vs-lovable/replit-pricing-monthly.webp" width="1440" height="657" alt="کارت‌های Replit Core و Pro در حالت پرداخت ماهانه" loading="lazy" decoding="async" /><figcaption>ثبت ۲۵ مهر ۱۴۰۵؛ Monthly انتخاب شده: Core برابر ۲۰ دلار و Pro در سطح پایه ۱۰۰ دلار. نرخ معادل ماهانهٔ قرارداد سالانه با این مبلغ یکی نیست.</figcaption></figure>

<figure><img src="/blog/images/replit-vs-lovable/lovable-pricing-monthly.webp" width="1440" height="657" alt="صفحهٔ قیمت Lovable با کارت‌های ماهانهٔ Free و Pro و Business" loading="lazy" decoding="async" /><figcaption>ثبت همان روز؛ این مرورگر قیمت‌ها را به یورو نشان داد: Pro برابر ۲۵ یورو و Business برابر ۵۰ یورو. جدول دلاری بالا از مستندات رسمی است، نه تبدیل این کارت‌ها.</figcaption></figure>

### مصرف ساخت و اجرای اپ چگونه فرق دارند؟

Replit در [حالت‌های Agent](https://docs.replit.com/features/agent/agent-modes)، Free، Power و Max را توضیح می‌دهد. Free Mode سهمیه و محدودیت دارد؛ کار پولی در Power/Max مصرف متفاوت دارد. [راهنمای صورتحساب](https://docs.replit.com/billing/ai-billing) هزینهٔ کار پولی را وابسته به تلاش/پیچیدگی معرفی می‌کند؛ اعتبار اشتراک می‌تواند برای سرویس‌های ابری هم مصرف شود.

<figure><img src="/blog/images/replit-vs-lovable/replit-modes-official.webp" width="1100" height="838" alt="تصویر رسمی انتخاب حالت Free در Replit" loading="lazy" decoding="async" /><figcaption>تصویر منتشرشده در مستندات فعلی Agent Modes، دریافت‌شده در ۲۵ مهر ۱۴۰۵؛ حساب یا مصرف واقعی ما نیست. مدل و حالت قابل انتخاب به پلن وابسته‌اند.</figcaption></figure>

در [مستندات مصرف Lovable](https://docs.lovable.dev/introduction/credits-and-usage)، مصرف Build از Run تفکیک می‌شود: ساخت و تغییر پروژه یک دسته است؛ Cloud، AI داخل اپ و اتصال‌ها دستهٔ دیگر. سهمیه‌ها ابتدا مصرف می‌شوند و ماندهٔ حساب با نوع کار کم می‌شود. بنابراین حتی بعد از توقف ویرایش، اپ زنده ممکن است هزینه داشته باشد.

برای مقایسهٔ اقتصادی، چهار ردیف ثبت کن: اشتراک، ساخت اولیه، اصلاح تا پذیرش و اجرای زنده. مثلاً «۱۰ درخواست ویرایش + ۱۰۰ ثبت فرم» تعریف حجم کار است؛ مبلغ آن بدون اندازه‌گیری در هر سرویس معلوم نیست. در این بررسی خرید یا ساخت پولی انجام نشده و هیچ تعداد ثابتی از اپ را به اشتراک نسبت نمی‌دهیم. [راهنمای قیمت و اعتبار Lovable](/blog/lovable-pricing-credits) مثال‌های بیشتری دارد.

## اگر کد را به توسعه‌دهنده تحویل بدهم چه؟

در Replit، [Git pane و Shell](https://docs.replit.com/features/workspace-tools/git-interface) برای مخزن و شاخه‌ها در دسترس‌اند. در Lovable، [Git sync](https://docs.lovable.dev/integrations/github) خروج و همگام‌سازی دوطرفه را توضیح می‌دهد. اتصال Git sync یک مخزن جدید برای پروژه می‌سازد؛ واردکردن کد موجود با `Upload code` و ZIP مسیر جداگانه‌ای است. پس عبارت «Lovable هیچ کدی وارد نمی‌کند» را هم بدون بررسی مسیر فعلی تکرار نکن.

از تحویل‌گیرنده فقط تأیید «مخزن باز شد» نگیر. دستور نصب و اجرا، نسخهٔ وابستگی‌ها، فهرست متغیرهای لازم بدون مقدار محرمانه، داده و فایل‌های قابل انتقال و روش انتشار را تحویل بده. یک تغییر کوچک را در مقصد تازه اجرا کن تا وابستگی پنهان به محیط قبلی روشن شود.

## آزمون پیشنهادی مشترک؛ دفتر درخواست مرخصی

برای تصمیم شخصی، یک اپ نمایشی بساز: کاربر درخواست ثبت کند، مدیر وضعیت را عوض کند و هر کاربر فقط دادهٔ مجاز خودش را ببیند. از نام و حساب آزمایشی استفاده کن. این سناریو در این نوبت روی دو ابزار اجرا نشده است؛ هدفش تبدیل «کدام بهتر است؟» به رفتار قابل بررسی است.

<div class="relative bg-surface rounded-xl sm:rounded-2xl p-4 sm:p-7 shadow-xs border border-border overflow-hidden not-prose my-6 sm:my-8">
<div class="absolute top-0 right-0 w-1.5 sm:w-2.5 h-full bg-primary-container"></div>
<div class="flex flex-col sm:flex-row sm:items-center justify-between pb-3 flex-wrap gap-2.5">
<div class="flex items-center gap-2">
<span class="px-2.5 py-1 rounded-full bg-primary-container text-text-on-neon text-[11px] sm:text-xs font-bold shadow-xs">دستورالعمل ۰۱</span>
<span class="text-xs sm:text-sm text-text-secondary font-bold">آزمون پیشنهادی مشترک؛ اجرا نشده</span>
</div>
<button class="konda-copy-directive-btn inline-flex items-center justify-center gap-1.5 text-text-primary hover:text-primary text-xs font-bold transition-all cursor-pointer px-3.5 py-1.5 rounded-full bg-surface-container-low hover:bg-surface-container border border-border active:scale-95 shadow-xs w-full sm:w-auto">
<span class="material-symbols-outlined text-sm">content_copy</span>
<span class="btn-text">کپی دستورالعمل</span>
</button>
</div>
<p class="text-xs sm:text-sm text-text-primary bg-surface-container-low p-3.5 sm:p-5 rounded-lg sm:rounded-xl leading-relaxed font-sans select-all text-right border border-border/60 m-0" dir="rtl">
«یک دفتر درخواست مرخصی نمایشی با رابط فارسی بساز. کاربر فقط درخواست‌های خودش را ثبت و مشاهده کند. مدیر درخواست‌ها را تأیید یا رد کند. از حساب و دادهٔ آزمایشی استفاده کن. وضعیت در انتظار، تأیید و رد روشن باشد. درخواست ثبت‌شده بعد از رفرش باقی بماند. مخفی‌کردن دکمه را جای مجوز سمت سرور قرار نده. در پایان روش آزمون کاربر اول، کاربر دوم و مدیر را توضیح بده.»
</p>
</div>

| مرحله | کار آزمایشی | شرط پذیرش |
| --- | --- | --- |
| ثبت | کاربر اول یک درخواست با کد نمونه ثبت کند | پیام موفقیت فقط بعد از ثبت واقعی |
| بازیابی | صفحه را ببند و دوباره باز کن | همان درخواست و وضعیت برگردد |
| نقش دوم | با کاربر دوم وارد شو | دادهٔ کاربر اول قابل دیدن/تغییر نباشد |
| مدیر | وضعیت را تأیید کن | فقط صاحب درخواست نتیجه را ببیند |
| ویرایش دوم | توضیح فقط در وضعیت «در انتظار» قابل ویرایش شود | درخواست تأییدشده از مسیر سرور هم قابل تغییر نباشد |
| تحویل | پروژه در مقصد تازه اجرا شود | جریان اصلی و داده با تنظیمات مستند کار کنند |

<div class="bg-surface rounded-xl sm:rounded-2xl p-3.5 sm:p-7 shadow-xs border border-border flex flex-col gap-3 sm:gap-4 not-prose my-6 sm:my-8 overflow-hidden">
<div class="flex items-center gap-2 pb-0.5">
<span class="w-2 h-2 rounded-full bg-primary-container"></span>
<h3 class="font-bold text-text-primary text-xs sm:text-base m-0">
سه مرحله، سه نتیجهٔ جدا
</h3>
</div>
<div class="w-full bg-surface-container-low/60 rounded-lg sm:rounded-xl p-2.5 sm:p-6 flex flex-col gap-2.5 sm:gap-3.5 relative border border-border/50">
<div class="flex items-stretch gap-2 sm:gap-5 relative group">
<div class="flex flex-col items-center shrink-0 w-7 sm:w-10">
<div class="w-7 h-7 sm:w-9 sm:h-9 rounded-full flex items-center justify-center text-[11px] sm:text-xs font-bold shrink-0 transition-all bg-surface text-text-primary border-2 border-primary-container/50 shadow-xs group-hover:border-primary-container">
<span>۰۱</span>
</div>
<div class="w-0.5 flex-1 min-h-[28px] sm:min-h-[36px] bg-gradient-to-b from-primary-container/60 via-border to-border/60 my-1 relative flex items-center justify-center">
<span class="material-symbols-outlined text-[11px] sm:text-[13px] text-text-secondary/70 bg-surface-container-low px-0.5 rounded-full">keyboard_arrow_down</span>
</div>
</div>
<div class="flex-1 bg-surface rounded-lg sm:rounded-xl p-3 sm:p-5 border transition-all shadow-xs flex flex-col gap-1.5 sm:gap-2 border-border hover:border-primary-container/40 hover:shadow-sm">
<div class="flex items-center justify-between gap-2 sm:gap-3 flex-wrap">
<div class="flex items-center gap-1.5 sm:gap-2 flex-wrap">
<span class="text-[10px] sm:text-xs text-primary font-bold px-2 py-0.5 rounded-md bg-surface-container">
مرحلهٔ ۰۱
</span>
<h4 class="font-bold text-text-primary text-xs sm:text-base m-0">
ساخت اول
</h4>
</div>
</div>
<p class="text-[11.5px] sm:text-sm text-text-secondary leading-relaxed pt-0.5 m-0">
فقط زمان و مصرف تولید اولیه را ثبت کن.
</p>
</div>
</div>
<div class="flex items-stretch gap-2 sm:gap-5 relative group">
<div class="flex flex-col items-center shrink-0 w-7 sm:w-10">
<div class="w-7 h-7 sm:w-9 sm:h-9 rounded-full flex items-center justify-center text-[11px] sm:text-xs font-bold shrink-0 transition-all bg-surface text-text-primary border-2 border-primary-container/50 shadow-xs group-hover:border-primary-container">
<span>۰۲</span>
</div>
<div class="w-0.5 flex-1 min-h-[28px] sm:min-h-[36px] bg-gradient-to-b from-primary-container/60 via-border to-border/60 my-1 relative flex items-center justify-center">
<span class="material-symbols-outlined text-[11px] sm:text-[13px] text-text-secondary/70 bg-surface-container-low px-0.5 rounded-full">keyboard_arrow_down</span>
</div>
</div>
<div class="flex-1 bg-surface rounded-lg sm:rounded-xl p-3 sm:p-5 border transition-all shadow-xs flex flex-col gap-1.5 sm:gap-2 border-border hover:border-primary-container/40 hover:shadow-sm">
<div class="flex items-center justify-between gap-2 sm:gap-3 flex-wrap">
<div class="flex items-center gap-1.5 sm:gap-2 flex-wrap">
<span class="text-[10px] sm:text-xs text-primary font-bold px-2 py-0.5 rounded-md bg-surface-container">
مرحلهٔ ۰۲
</span>
<h4 class="font-bold text-text-primary text-xs sm:text-base m-0">
پذیرش جریان
</h4>
</div>
</div>
<p class="text-[11.5px] sm:text-sm text-text-secondary leading-relaxed pt-0.5 m-0">
ثبت، بازیابی و نقش‌های مختلف را امتحان کن.
</p>
</div>
</div>
<div class="flex items-stretch gap-2 sm:gap-5 relative group">
<div class="flex flex-col items-center shrink-0 w-7 sm:w-10">
<div class="w-7 h-7 sm:w-9 sm:h-9 rounded-full flex items-center justify-center text-[11px] sm:text-xs font-bold shrink-0 transition-all bg-surface text-text-primary border-2 border-primary-container/50 shadow-xs group-hover:border-primary-container">
<span>۰۳</span>
</div>
<div class="w-0.5 flex-1 min-h-[28px] sm:min-h-[36px] bg-gradient-to-b from-primary-container/60 via-border to-border/60 my-1 relative flex items-center justify-center">
<span class="material-symbols-outlined text-[11px] sm:text-[13px] text-text-secondary/70 bg-surface-container-low px-0.5 rounded-full">keyboard_arrow_down</span>
</div>
</div>
<div class="flex-1 bg-surface rounded-lg sm:rounded-xl p-3 sm:p-5 border transition-all shadow-xs flex flex-col gap-1.5 sm:gap-2 border-border hover:border-primary-container/40 hover:shadow-sm">
<div class="flex items-center justify-between gap-2 sm:gap-3 flex-wrap">
<div class="flex items-center gap-1.5 sm:gap-2 flex-wrap">
<span class="text-[10px] sm:text-xs text-primary font-bold px-2 py-0.5 rounded-md bg-surface-container">
مرحلهٔ ۰۳
</span>
<h4 class="font-bold text-text-primary text-xs sm:text-base m-0">
تغییر دوم
</h4>
</div>
</div>
<p class="text-[11.5px] sm:text-sm text-text-secondary leading-relaxed pt-0.5 m-0">
ویرایش توضیح فقط برای وضعیت در انتظار.
</p>
</div>
</div>
<div class="flex items-stretch gap-2 sm:gap-5 relative group">
<div class="flex flex-col items-center shrink-0 w-7 sm:w-10">
<div class="w-7 h-7 sm:w-9 sm:h-9 rounded-full flex items-center justify-center text-[11px] sm:text-xs font-bold shrink-0 transition-all bg-surface text-text-primary border-2 border-primary-container/50 shadow-xs group-hover:border-primary-container">
<span>۰۴</span>
</div>
</div>
<div class="flex-1 bg-surface rounded-lg sm:rounded-xl p-3 sm:p-5 border transition-all shadow-xs flex flex-col gap-1.5 sm:gap-2 border-border hover:border-primary-container/40 hover:shadow-sm">
<div class="flex items-center justify-between gap-2 sm:gap-3 flex-wrap">
<div class="flex items-center gap-1.5 sm:gap-2 flex-wrap">
<span class="text-[10px] sm:text-xs text-primary font-bold px-2 py-0.5 rounded-md bg-surface-container">
مرحلهٔ ۰۴
</span>
<h4 class="font-bold text-text-primary text-xs sm:text-base m-0">
تحویل
</h4>
</div>
</div>
<p class="text-[11.5px] sm:text-sm text-text-secondary leading-relaxed pt-0.5 m-0">
کد و داده و تنظیم اجرا با مسئول مشخص.
</p>
</div>
</div>
</div>
<div class="text-text-secondary text-[11px] sm:text-xs pt-1 flex items-start gap-1.5 sm:gap-2">
<span class="material-symbols-outlined text-xs sm:text-sm text-text-secondary/70 shrink-0 mt-0.5">info</span>
<span class="leading-relaxed">زمان آماده‌سازی خودت و زمان انتظار ابزار را یک عدد مبهم نکن.</span>
</div>
</div>

زمان تولید اولیه، زمان رسیدن به جریان پذیرفته‌شده و مصرف اصلاح دوم را جدا بنویس. زمان آماده‌کردن محتوا را با انتظار ابزار جمع نکن. [برگهٔ مقایسهٔ قابل دانلود](/blog/images/replit-vs-lovable/comparison-log.csv) برای ثبت پلن، حالت، هزینهٔ ساخت، اجرای زنده و شاهد هر مرحله آماده است. اگر چیزی را بررسی نکردی، آن را به‌جای قبولی ثبت نکن.

## فارسی، موبایل و دسترسی از ایران

در هر دو ابزار، نام و متن فارسی را کنار ایمیل، شماره و کد پیگیری لاتین قرار بده. فرم و جدول را در عرض کم امتحان کن. برای تاریخ، یک روز انتخاب کن، ذخیره کن و پس از بازکردن دوباره همان روز را بخوان؛ ارقام فارسی به‌تنهایی شاهد تقویم درست نیستند. [راهنمای بررسی سایت‌ساز فارسی](/blog/best-persian-ai-website-builder) معیارها و نمونهٔ تصویری دارد.

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

## انتخاب نهایی با توجه به مسیر ادامه

**Replit را جلوتر بگذار** اگر فناوری یا محیط اجرا شرط اصلی است و می‌خواهی خطا، فایل، سرویس و انتشار را در یک محیط بررسی کنی. **Lovable را جلوتر بگذار** اگر مسیر هدایت‌شدهٔ ساخت یک وب‌اپ تازه، Cloud و بازبینی با پیش‌نمایش برایت مهم‌تر است. در هر دو، ویرایش دوم و تحویل را پیش از وابستگی جدی امتحان کن.

<div class="bg-surface-container-low rounded-2xl p-6 sm:p-7 shadow-xs border border-border flex flex-col gap-4 not-prose my-8">
<h3 class="font-bold text-text-primary text-base">
قبل از تحویل پروژه
</h3>
<ul class="flex flex-col gap-3.5 text-xs sm:text-sm text-text-secondary">
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>کد با دستور مشخص اجرا می‌شود.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>داده و فایل‌ها مسیر خروج و بازیابی دارند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>نقش دوم نمی‌تواند درخواست دیگری را تغییر دهد.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>انتشار، دامنه، هزینه و روش برگشت مسئول دارند.</span>
</li>
</ul>
</div>

اگر پنل فارسی و ساخت با گفتگو اولویت توست، [کُندا را هم در فهرست کوتاهت بگذار](#konda-start). برای دیدن نوع خروجی، [نمونهٔ زاباندو و بررسی تعامل آن](/blog/best-persian-ai-website-builder) را ببین. آن هم باید همان معیار داده، رفتار و تحویل را پاس کند؛ این معرفی ادعای برتری اندازه‌گیری‌شده نسبت به Replit یا Lovable نیست.


<!-- konda-start -->


## پرسش‌های متداول

### Replit بهتر است یا Lovable؟

برای فناوری و محیط اجرای مشخص، ابزار خط فرمان یا پردازش پس‌زمینه، Replit را اول بررسی کن. برای ساخت هدایت‌شدهٔ وب‌اپ تازه با گفتگو و Cloud، Lovable هم مناسب آزمون است. انتخاب را با یک جریان واقعی و ویرایش دوم تأیید کن.

### Replit فقط برای برنامه‌نویس‌هاست؟

خیر؛ صفحه و مستندات فعلی شروع با زبان طبیعی را توضیح می‌دهند. دسترسی به محیط توسعه آزادی بیشتری می‌دهد، اما خروجی و تصمیم‌های اجرایی باید بررسی شوند.

### Lovable فقط فرانت‌اند می‌سازد؟

خیر. Cloud امکانات دیتابیس، ورود، ذخیرهٔ فایل و توابع را دارد. پروژه‌های جدید و قدیمی هم از نظر پشته و رندر فرق دارند؛ وجود قابلیت پلتفرم، درستی اتصال پروژهٔ تو را ثابت نمی‌کند.

### آیا Draft در Lovable دیتابیس جدا دارد؟

طبق مستندات فعلی، Draft از بک‌اند و دادهٔ پروژه استفاده می‌کند. تغییر رکورد در پیش‌نمایش می‌تواند واقعی باشد و حذف Draft آن را برنمی‌گرداند. آن را محیط تست کاملاً جدا فرض نکن.

### کدام ارزان‌تر است؟

قیمت ورودی به‌تنهایی کافی نیست. هزینهٔ اشتراک، ساخت و اصلاح و اجرای زنده را برای حجم کار یکسان بسنج. در این مقاله هزینهٔ ساخت یک پروژهٔ مشترک اندازه‌گیری نشده است.

### می‌توان کد را به توسعه‌دهنده تحویل داد؟

هر دو مسیر Git دارند. اجرای محلی، داده، فایل‌ها، متغیرهای لازم و سرویس‌ها را هم بررسی کن. در Lovable، Git sync با واردکردن ZIP کد موجود دو مسیر متفاوت‌اند.

### کدام برای فارسی بهتر است؟

در این بازبینی پروژهٔ تازهٔ یکسانی در هر دو ابزار اجرا نشده است. جهت، متن ترکیبی، فرم، موبایل و ذخیرهٔ تاریخ را با داده و معیار یکسان امتحان کن.

### آیا بازگشت نسخه، دادهٔ زنده را هم برمی‌گرداند؟

لزوماً نه. برای نمونه، Checkpoint در Replit دیتابیس توسعه را به‌صورت اختیاری بازمی‌گرداند و بازیابی دیتابیس تولید مسیر جدا دارد. دامنهٔ Restore را پیش از استفاده بخوان.



## منابع

- [Agent در Replit](https://docs.replit.com/features/agent/overview) (2026)
- [General Agent](https://docs.replit.com/features/agent/general-agent) (2026)
- [حالت‌های Replit](https://docs.replit.com/features/agent/agent-modes) (2026)
- [صورتحساب Replit](https://docs.replit.com/billing/ai-billing) (2026)
- [قیمت Replit](https://replit.com/pricing) (2026)
- [دیتابیس توسعه و تولید](https://docs.replit.com/features/data-and-storage/development-and-production) (2026)
- [انواع انتشار Replit](https://docs.replit.com/features/publishing/deployment-types) (2026)
- [Checkpoint و بازیابی](https://docs.replit.com/features/version-control/checkpoints-and-rollbacks) (2026)
- [Git در Replit](https://docs.replit.com/features/workspace-tools/git-interface) (2026)
- [مثال رسمی اولین اپ Replit](https://docs.replit.com/build/your-first-app) (2026)
- [ویرایشگر Lovable](https://docs.lovable.dev/features/projects/editor) (2026)
- [Cloud در Lovable](https://docs.lovable.dev/features/cloud) (2026)
- [Drafts در Lovable](https://docs.lovable.dev/features/drafts) (2026)
- [Git sync در Lovable](https://docs.lovable.dev/integrations/github) (2026)
- [میزبانی و مالکیت Lovable](https://docs.lovable.dev/tips-tricks/deployment-hosting-ownership) (2026)
- [ارتقا به TanStack Start](https://docs.lovable.dev/features/upgrade-to-tanstack-start) (2026)
- [پلن‌های Lovable](https://docs.lovable.dev/introduction/subscription-plans) (2026)
- [اعتبار و مصرف Lovable](https://docs.lovable.dev/introduction/credits-and-usage) (2026)
- [قیمت عمومی Lovable](https://lovable.dev/pricing) (2026)

