برنامه‌نویسیNov 2, 20268 min read

ساخت سایت با هوش مصنوعی: آموزش Lovable بدون کدنویسی

آموزش گام‌به‌گام ساخت سایت با هوش مصنوعی در Lovable: از نوشتن اولین پرامپت تا انتشار سایت با لینک زنده، همراه با نکته‌های پرامپت‌نویسی و هزینه کریدت‌ها.

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

خلاصه در چند خط: Lovable یک پلتفرم هوش مصنوعی برای ساخت اپ‌های وب است. ثبت‌نام رایگان است و پلان رایگان روزانه ۵ کریدت ساخت (حداکثر ۳۰ در ماه) می‌دهد. چرخه کار سه مرحله دارد: توضیح بدهید، اصلاح کنید، منتشر کنید. انتشار روی آدرس lovable.app در همه پلان‌ها رایگان است و کد پروژه مال خود شماست.

Lovable چیست و چه چیزی می‌سازد؟ 🤖

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

بدون نصب: همه چیز در مرورگر انجام می‌شود و چیزی برای نصب یا تنظیم ندارد.
به هر زبانی: می‌توانید درخواست خود را به زبان ساده و به هر زبانی بنویسید.
کد واقعی: پروژه یک کدبیس واقعی دارد که می‌توانید آن را با مخزن Git همگام کنید.
مالکیت: طبق صفحه قیمت‌گذاری Lovable، اپ‌ها، کدها و خروجی‌هایی که می‌سازید متعلق به خود شماست.

توجه کنید که خروجی Lovable اپ وب (سایت با لینک) است، نه اپ آماده فروشگاه‌های موبایل.

چطور با Lovable اولین سایت را بسازیم؟ (گام‌به‌گام) 🛠️

کوتاه‌ترین جواب: حساب رایگان بسازید، حالت Build را انتخاب کنید، ایده را توضیح دهید و دکمه ارسال را بزنید. به گفته راهنمای رسمی، ساخت و انتشار اولین اپ حدود ۱۰ دقیقه وقت می‌گیرد.

ساخت حساب: با ایمیل ثبت‌نام کنید؛ یک فضای کاری شخصی روی پلان رایگان برایتان ساخته می‌شود.
نوشتن درخواست: در کادر وسط داشبورد، با حالت Build، سایت مورد نظر را توضیح دهید. مثلاً: «یک سایت برای یک رستوران کوچک در کابل با منوی غذا، ساعت کاری و آدرس بساز؛ روی موبایل خوب کار کند؛ فعلاً بدون ورود کاربر و دیتابیس.»
دیدن نسخه اول: ساخت نسخه اول چند دقیقه طول می‌کشد. بعد از آن، ویرایشگر دو بخش دارد: چت پروژه در سمت چپ و پیش‌نمایش زنده در سمت راست.
اصلاح مرحله‌به‌مرحله: هر بار فقط یک تغییر بخواهید و بعد پیش‌نمایش را بررسی کنید.
تست: همه دکمه‌ها و لینک‌ها را بزنید و نمای موبایل را هم چک کنید، چون بیشتر بازدیدکنندگان با گوشی می‌آیند.
انتشار: دکمه Publish را در بالا سمت راست بزنید، آدرس پیشنهادی lovable.app را در صورت نیاز تغییر دهید و دوباره Publish را بزنید.

چرا جمله «فعلاً بدون دیتابیس» مهم است؟

مستندات Lovable توصیه می‌کند نسخه اول را بدون ورود کاربر و دیتابیس بسازید تا احتمال خطا کمتر شود؛ این قابلیت‌ها را بعداً با یک درخواست جداگانه می‌توان اضافه کرد.

چطور برای Lovable پرامپت بهتر بنویسیم؟ ✍️

پرامپت خوب برای Lovable روشن، بخش‌بخش و همراه با محتوای واقعی است. راهنمای رسمی «بهترین روش‌های پرامپت‌نویسی» این نکته‌ها را برجسته می‌کند:

قبل از نوشتن فکر کنید: به چهار سؤال جواب دهید: محصول چیست، برای چه کسی است، چرا از آن استفاده می‌کنند و مهم‌ترین کاری که کاربر باید انجام دهد چیست.
بخش‌به‌بخش بسازید: به جای یک صفحه کامل، اول بخش معرفی، بعد جدول قیمت، بعد نظرات مشتریان را بخواهید.
از متن واقعی استفاده کنید: متن‌های ساختگی خروجی ضعیف‌تری می‌دهند؛ عنوان و متن واقعی کسب‌وکار خود را بنویسید.
سبک را با کلمات توصیفی بگویید: کلماتی مثل minimal، premium یا playful روی رنگ، فاصله‌ها و فونت اثر دارند.
مرز تغییر را مشخص کنید: بگویید چه چیزی تغییر کند و چه چیزی دست نخورد، مثلاً «فقط صفحه سفارش‌ها را تغییر بده».
بگذارید سؤال بپرسد: در آخر درخواست بنویسید که هر سؤالی برای فهم کامل دارد بپرسد؛ این کار مخصوصاً در حالت Plan خوب جواب می‌دهد.

تغییرات کوچک را با اشاره انجام دهید

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

Lovable چقدر هزینه دارد و کریدت‌ها چطور مصرف می‌شوند؟ 💳

شروع کار رایگان است: پلان رایگان روزانه ۵ کریدت ساخت تا سقف ۳۰ کریدت در ماه، ماهانه ۲۰ کریدت Cloud برای میزبانی و ۴ کریدت برای قابلیت‌های هوش مصنوعی داخل اپ می‌دهد. در پلان‌های Pro و Business همین ۵ کریدت روزانه بدون سقف ماهانه داده می‌شود و کریدت‌های ماهانه پلان هم به حساب اضافه می‌شود.

حالت Build و Plan چه فرقی دارند؟

حالت Build تغییرات را مستقیم در پروژه اعمال می‌کند و هزینه‌اش به پیچیدگی کار بستگی دارد؛ حالت Plan بدون تغییر کد یک نقشه کار می‌نویسد و هر پیام آن ۱ کریدت است. نمونه مصرف در حالت Build طبق مستندات رسمی:

خاکستری کردن یک دکمه: ۰.۵ کریدت
حذف فوتر سایت: ۰.۹ کریدت
اضافه کردن ورود و ثبت‌نام کاربران: ۱.۲ کریدت
ساخت یک لندینگ‌پیج با تصویر: حدود ۲ کریدت

چند نکته مهم: کریدت‌های ماهانه استفاده‌نشده تا ۲ ماه بعد از صدور معتبرند، کریدت‌های خریداری‌شده اضافی ۱۲ ماه اعتبار دارند و کریدت‌ها قابل بازپرداخت نیستند. انتشار از پنجره Publish هزینه کریدت ندارد، ولی میزبانی و بک‌اند با بازدید کاربران کریدت Cloud مصرف می‌کند. اتصال دامنه اختصاصی هم فقط در پلان‌های پولی ممکن است.

Lovable برای چه کسانی در افغانستان و ایران مفید است؟ 🌍

Lovable برای کسانی بهترین است که می‌خواهند سریع یک سایت یا ابزار کاربردی داشته باشند، بدون اینکه ماه‌ها برنامه‌نویسی یاد بگیرند.

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

مشکل اصلی کاربران افغانستان و ایران معمولاً پرداخت بین‌المللی است. برای همین در بسته‌ها اشتراک Lovable Pro و ابزارهای مرتبط با پرداخت محلی HesabPay یا ارز دیجیتال عرضه می‌شود.

سوالات متداول ❓

آیا برای کار با Lovable باید برنامه‌نویسی بلد باشم؟

نه. طبق راهنمای رسمی Lovable، برای ساخت محصول با آن نیازی به دانستن برنامه‌نویسی نیست؛ ولی آشنایی کم با ساختار سایت کمک می‌کند پرامپت‌های دقیق‌تری بنویسید.

آیا می‌توانم درخواستم را به فارسی بنویسم؟

بله. مستندات Lovable می‌گوید می‌توانید ایده را به زبان ساده و به هر زبانی توضیح دهید.

چرا تغییراتم روی سایت منتشرشده دیده نمی‌شود؟

سایت منتشرشده یک «عکس لحظه‌ای» از پروژه است. تغییرات جدید فقط در پیش‌نمایش دیده می‌شوند تا وقتی که دوباره Publish و سپس Publish changes را بزنید.

آیا سایت رایگان من بعد از مدتی حذف می‌شود؟

سایت‌های منتشرشده تاریخ انقضای ثابت ندارند. فقط اگر در پلان رایگان ۱۲ ماه هیچ بازدیدی نداشته باشد، صاحب فضای کاری ۱۲ ماه وارد نشده باشد و دامنه اختصاصی هم وصل نباشد، ممکن است از حالت انتشار خارج شود؛ پروژه و کد حذف نمی‌شوند.

محصولات مرتبط در فروشگاه بسته‌ها 🛒

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

قیمت‌ها به دالر امریکایی و مربوط به زمان نگارش این مطلب هستند؛ قیمت نهایی و موجودی را در صفحه هر محصول ببینید.

جمع‌بندی

ساخت سایت با هوش مصنوعی با Lovable یک چرخه ساده است: ایده را توضیح دهید، قدم‌به‌قدم اصلاح کنید و منتشر کنید. با پلان رایگان شروع کنید، پرامپت‌ها را بخش‌بخش و با متن واقعی بنویسید و وقتی کریدت بیشتری لازم داشتید، اشتراک Lovable Pro یا ابزارهای مکمل را از فروشگاه بسته‌ها تهیه کنید. پرداخت با HesabPay ساده و سریع است و تحویل به صورت دیجیتال انجام می‌شود. منبع رسمی برای مطالعه بیشتر: راهنمای شروع Lovable.