میخوای یه وبسایت بسازی ولی برنامهنویسی بلد نیستی؟ هیچی نمیخوای نصب کنی، فقط وارد یه سایت بشی و توضیح بدی چی میخوای؟ Lovable دقیقاً همین کار رو میکنه. توی این پست عملاً نشون میدم چطور یه پورتفولیوی شخصی با Lovable میسازم — از صفر، توی مرورگر، بدون یه خط کد.
Lovable چیه؟
Lovable یه ابزار وبمحور (میگن «browser-based») برای وایب کدینگه. تو صفحهی اصلی توضیح میدی چی میخوای، Lovable میسازه، تو سایت زنده میبینی، میتونی روی همون لینک منتشرش کنی.
ابزارهای مشابه: Replit، Emergent، Bolt، v0. همه شبیه به همن. من شخصاً Lovable رو ترتمیزتر و خروجیش رو بهتر میبینم.
Plan vs Build — انتخاب کلیدی
وقتی توضیحت رو مینویسی، دو دکمهی متفاوت داری:
- Build — همون لحظه شروع میکنه به ساختن. سریعتر، ولی ممکنه تصمیمهای اشتباه بگیره و باید چندبار برگردی.
- Plan — اول معماری رو میچینه. سؤال میپرسه: «چه بخشهایی میخوای؟ درباره من؟ تجربیات؟ پروژهها؟»، «چه رنگبندی؟»، «چه layout؟». بعد میسازه.
همیشه Plan رو انتخاب کن. یه ضربالمثل تو محصولسازی هست: «measure twice, cut once» — قبل از ساختن، کامل فکر کن. این ضربالمثل عملی نسخهی AI داره. Plan = خروجی بهتر، اصلاحات کمتر.
ساخت پورتفولیو از صفر — مرحله به مرحله
اینجوری انجام دادم:
۱. کانتکست رو از قبل بدید
یکی از مهمترین درسهای وایب کدینگ که توی همهی پستهای قبلی هم گفتم: اول کانتکست بده، بعد دستور بده.
به جای اینکه بگم «یه پورتفولیو برای ایلیا بساز» و بذاره خودش حدس بزنه، پروفایل LinkedIn خودم رو کپی کردم و توی چت پیست کردم. بعد گفتم:
create a personal portfolio for me
اینجوری Lovable از قبل میدونه من کیام، کجا کار کردم، چه تجربیاتی دارم.
۲. روی Plan کلیک کن
سؤالها شروع میشن:
– چه بخشهایی؟ (About، Experience، Projects، Contact)
– skills میخوای؟ (آره)
– activity feed یا blog میل داری؟ (آره، blog)
– رنگبندی؟ (زرد!)
– فونت پیشفرض خوبه یا تغییر؟ (پیشفرض)
– layout؟ (یکی از چهار گزینه که نشون میداد)
پاسخها رو میدی، Submit میزنی. Lovable چند دقیقه فکر میکنه و پلن رو نشون میده — میتونی ریویو کنی یا مستقیم Approve کنی.
۳. ساخت زنده
بعد از Approve، شروع میکنه به ساختن. چیز فوقالعاده اینه که میتونی لایو ببینی — اول اسکلت سایت، بعد فونت و رنگ، بعد محتوا. شبیه تماشای یه فیلم سریع از پروسهی طراحی.
۴. نشر
تموم که شد، یه دکمهی Publish داری. یه لینک Lovable میگیری (مثل your-name.lovable.app). همین لینک عمومیه — میتونی Share کنی.
اگه دامین شخصی میخوای (مثل eiliya.com)، باید پلن پولی بگیری.
قیمتگذاری Lovable
- Free: ۵ کریدیت روزانه (تقریباً یه تعامل ساده در روز)
- Pro: ۲۵ یورو/ماه → ۱۰۰ کریدیت ماهانه + ۵ کریدیت روزانه
نکتهی کریدیتها گیجکنندهست: Pricing گفته «X کریدیت» ولی در عمل وقتی یه چیز پیچیده میسازی، یک کریدیت کامل مصرف میشه. وقتی یه سؤال ساده میپرسی، یه کسری مصرف میشه. بعد از پلن+بیلد، حدود ۰.۹ کریدیت رفت. یعنی با Free روزانه، حدود ۲-۳ پروژهی ساده میتونی بسازی.
اگه میخوای جدی کار کنی، Pro لازمه. ولی برای یاد گرفتن و تست، Free کافیه.
یه نکتهی واقعی: من خودم Lovable استفاده نمیکنم
اینو رک میگم: من خودم Lovable استفاده نمیکنم. چرا؟ چون من برنامهنویسم و Claude Code رو راحتتر بلدم. هر چیزی که Lovable بسازه، من با Claude Code میتونم بسازم — و کنترل بیشتری روی کد نهایی دارم.
ولی برای کسی که برنامهنویس نیست، Lovable احتمالاً بهترین ابزاره. یا اگه برنامهنویسی ولی فقط میخوای یه نمونهی اولیه رو سریع روی صفحه ببینی، Lovable کار رو سریعتر میکنه.
یه فلسفهی مهم: ساختن دیگه مشکل نیست
این یه چیزیه که میخوام جداگانه بگم:
الان ساختن وبسایت، اپ، یا حتی یه کسبوکار آنلاین، تقریباً مشکل بزرگی نیست. Lovable در ۱۰ دقیقه میسازه. اپ موبایل با ابزارهای مشابه. مشکل اصلی شده «بازار گرفتن»، «یوزر پیدا کردن»، «شناختن مخاطب».
اون نوجوون ۱۲ سالهای که با یه AI app میلیاردر شد — بهخاطر این نبود که اپ خاصی ساخت. بهخاطر این بود که میدونست بازار اون چیز رو میخواد، و آدمایی رو میشناخت که بهش پول میدادن.
ابزارها فروشنده نیستن، تو فروشندهای. Lovable یه ابزاره — بیشترین ارزشش وقتیه که با ایدهی خوب و درک از بازار ترکیبش کنی.
جمعبندی
- Lovable = سادهترین راه ساخت وبسایت با AI، بدون نصب هیچی
- Plan قبل از Build = خروجی بهتر، اصلاحات کمتر
- کانتکست بدید قبل از دستور = AI درستتر میفهمه
- Free پلن برای یاد گرفتن کافیه، Pro برای کار جدی
- ابزار قسمت آسونه — قسمت سخت پیدا کردن بازاره
بعدی چیه؟
تو پستهای بعدی این سری:
- ابزارای ساخت اپ موبایل بدون کد (شبیه Lovable ولی برای iOS/Android)
- مقایسهی Lovable vs Replit vs Emergent
- ساخت یه MVP از صفر تا انتشار با Lovable
اگه ایدهای داری که میخوای ببینی چطور با Lovable ساخته میشه، تو کامنت بگو.
دیدگاهتان را بنویسید