کدنویسی با AI

Bolt.new، Lovable و v0 — ساخت اپ با پرامپت

Bolt.new، Lovable و v0 — ساخت اپ با پرامپت — راهنمای فارسی از مجموعهٔ «کدنویسی با AI» در وبلاگ آیرا. بازنویسی‌شده با تمرکز روی کاربر ایرانی و روایت شناخت پیوسته.

نوشتهٔ به‌روزرسانی: ۳ دقیقه مطالعه
تصویر مقالهٔ Bolt.new، Lovable و v0 — ساخت اپ با پرامپت

تصور کن یه ایده داری — یه اپ ساده برای پیگیری عادت‌های روزانه. بدون هیچ دانش کدنویسی، توضیح می‌دی چی می‌خوای، و در عرض چند دقیقه یه اپ واقعی جلوت هست که می‌تونی تستش کنی. این دیگه علمی‌تخیلی نیست — این همون کاری است که Bolt.new، Lovable و v0 می‌کنند.

این ابزارها چه فرقی با ChatGPT دارند؟

ChatGPT کد تولید می‌کنه، اما کد رو توی یه محیط اجرا نمی‌کنه. تو کد رو می‌گیری، می‌بری توی IDE نصب می‌کنی، خطاها رو رفع می‌کنی، و اگه چیزی اشتباه باشه دوباره برمی‌گردی به ChatGPT.

Bolt.new، Lovable و v0 یه حلقهٔ بسته دارند: کد تولید می‌شه، توی همون مرورگر اجرا می‌شه، نتیجه رو می‌بینی، و مستقیم می‌گی «این دکمه رو آبی کن» یا «این فرم validation نداره». بدون خروج از محیط.

Bolt.new

Bolt.new ساختهٔ شرکت StackBlitz هست و از اکتبر ۲۰۲۴ در دسترسه. قوی‌ترین مشخصه‌اش اینه که یه محیط Node.js کامل توی مرورگر می‌ده — نه فقط یه پیش‌نمایش static. یعنی می‌تونی:

  • اپ‌های full-stack بسازی (نه فقط frontend)
  • پکیج‌های npm نصب کنی
  • با database‌ها کار کنی
  • API endpoint بسازی

مدل پشتش: Bolt.new از Claude 3.5 Sonnet آنتروپیک استفاده می‌کنه (در زمان نوشتن این مقاله) — که یکی از قوی‌ترین مدل‌ها برای کدنویسیه.

قیمت: پلن رایگان محدودیت توکن ماهانه داره. پلن‌های Pro از حدود ۲۰ دلار ماهانه شروع می‌شن.

مناسب برای: اپ‌های full-stack، prototype‌های سریع، کسانی که می‌خوان backend هم داشته باشن.

محدودیت‌ها: برای پروژه‌های بزرگ و پیچیده که نیاز به refactoring عمیق دارن، هنوز ضعیف‌ترین نقطهٔ این ابزارهاست. همچنین مدیریت state پیچیده و authentication گاهی مشکل‌ساز می‌شه.

Lovable (سابقاً GPT Engineer)

Lovable از پروژهٔ open-source «GPT Engineer» رشد کرد — یکی از جالب‌ترین پروژه‌های اوپن‌سورس ۲۰۲۳ که به کاربر اجازه می‌داد با مکالمه پروژهٔ کد بسازه.

نسخهٔ تجاری Lovable در ۲۰۲۴ با تمرکز روی React app‌ها و Supabase (برای backend) راه‌اندازی شد. مزیت کلیدی Lovable اینه که از Supabase integration خیلی خوبی برخورده — یعنی database، authentication و storage رو می‌تونی مستقیم از داخل پرامپت راه بندازی.

مناسب برای: SaaS app‌های کوچک، MVP سریع، startup‌هایی که می‌خوان سریع به بازار برسن.

قیمت: پلن رایگان با ۵ پروژه. پلن Pro حدود ۲۵ دلار ماهانه.

نقطهٔ قوت متمایز: ادیتور baked-in، sync با GitHub، و deploy مستقیم — همه چیز در یه جاست.

v0 از Vercel

v0 (تلفظ: «وی‌زیرو») محصول Vercel هست — همون شرکتی که Next.js رو ساخته. پس جای تعجب نیست که v0 خوراکش Next.js و Tailwind CSS باشه.

تفاوت اصلی v0 با بقیه اینه که بیشتر روی کامپوننت‌های UI تمرکز داره تا اپ‌های کامل. بهترین use case‌اش اینه:

  • یه صفحهٔ landing page طراحی کنی
  • کامپوننت‌های Shadcn/UI سفارشی بسازی
  • Dashboard‌های ادمین بنویسی

برای توسعه‌دهندگان: v0 کد React تمیز و قابل‌خواندنی تولید می‌کنه که مستقیم می‌تونی داخل پروژهٔ Next.js‌ات کپی کنی. این خودش یه تفاوت مهمه — Lovable و Bolt.new بیشتر برای non-coderها طراحی شدن، v0 بیشتر ابزار توسعه‌دهنده‌ست.

قیمت: پلن رایگان سخاوتمند. پلن Pro با Vercel hosting کامل.

مقایسهٔ سریع

ویژگیBolt.newLovablev0
Full-stackبلهبله (Supabase)خیر (UI-focused)
برای non-coderبلهبلهنه چندان
کیفیت کد خروجیمتوسطمتوسطخوب
Deploy یکپارچهبلهبلهبله (Vercel)
Databaseبلهبله (Supabase)خیر

چه وقت از این ابزارها استفاده کنیم؟

بله، استفاده کن وقتی:

  • داری یه MVP/Prototype می‌سازی
  • می‌خوای سریع یه ایده رو validate کنی
  • یه ابزار داخلی ساده برای تیمت می‌خوای
  • landing page یا dashboard طراحی می‌کنی

احتیاط کن وقتی:

  • پروژه‌ات نیاز به security جدی داره
  • می‌خوای کدبیس پایدار و قابل‌نگهداری بسازی
  • تیمت باید کد رو extend کنه
  • logic پیچیدهٔ کسب‌وکار داری

محدودیت مشترک همهٔ این ابزارها: حافظه ندارند

مشکل اساسی Bolt.new، Lovable و v0 اینه که پروژهٔ تو رو نمی‌شناسند. هر بار که session جدید باز می‌کنی، باید context رو از صفر توضیح بدی. معماری تصمیم‌هایی که گرفتی، convention‌هایی که پیش بردی، چیزهایی که قبلاً امتحان کردی و جواب نداد — همه گم می‌شند.

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

همچنین بخوان

#کدنویسی با AI

ادامهٔ مسیر

همهٔ مقاله‌ها ←

بیشتر در «کدنویسی با AI»