چطور یک پروژه Nuxt.js را روی هاست دیپلوی کنیم؟

سلام 👋 امروز می‌خوام درباره‌ی موضوعی خیلی پرکاربرد صحبت کنم: دیپلوی کردن پروژه Nuxt.js روی هاست سی‌پنل (cPanel).

اگر اولین بارته که می‌خوای پروژه‌ی Nuxt خودت رو منتشر کنی، این آموزش بهت کمک می‌کنه قدم‌به‌قدم جلو بری.

۱. خرید هاست مناسب

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

⚠️ نکته مهم: هاستت باید از Node.js Applications پشتیبانی کنه. قبل از خرید حتماً با پشتیبانی هاستینگ تیکت بزن و مطمئن شو.

۲. ورود به cPanel و تنظیم Node.js

بعد از خرید، وارد cPanel شو.

از بخش Software گزینه‌ی Node.js Applications رو پیدا کن و روش کلیک کن.

در بخش Setup Node.js نسخه Node مورد نیازت رو انتخاب کن. (مثلاً من از نسخه 22.14.0 استفاده کردم.)
صبر کن تا نصب کامل بشه.

۳. ساخت اپلیکیشن جدید

حالا روی Create Application کلیک کن.

در بخش Application URL دامنه‌ی مورد نظرت رو انتخاب کن.
در قسمت Application Root Directory آدرس پوشه‌ی پروژه رو بده. (آدرس رو می‌تونی از File Manager برداری.)
پورتی که برای اپلیکیشن تنظیم میشه رو حتماً جایی یادداشت کن.
در جدول Environment Variables یک متغیر جدید بساز:
HOST = 0.0.0.0

در آخر روی Create بزن و منتظر باش تا اپ ساخته بشه.

۴. مدیریت اپلیکیشن

وقتی اپ ساخته شد، توی جدول Node.js Applications ظاهر میشه. برای هر اپ چند اکشن وجود داره:

Stop → اپ رو متوقف می‌کنه.
Restart → اپ رو دوباره اجرا می‌کنه.
Edit / Remove → برای تغییرات یا حذف اپلیکیشن.

⚠️ وقتی اپ رو Restart می‌کنی، دستورهای npm install و npm start اجرا میشن. پس باید در پروژه‌ات اسکریپت npm start وجود داشته باشه.

۵. نکات مهم برای آپلود پروژه

کل پروژه‌ات رو می‌تونی توی File Manager آپلود کنی.
حتماً فایل build باید وجود داشته باشه.
اگر نمی‌خوای همه‌ی سورس رو آپلود کنی، می‌تونی فقط پوشه‌ی .output (خروجی build شده) و فایل package.json رو زیپ و آپلود کنی.

داخل package.json این اسکریپت رو اضافه کن (با جایگزین کردن پورت درست):

{

"start": "PORT=4691 node .output/server/index.mjs"

}

🔑 دقت کن شماره پورت باید همون پورتی باشه که توی تنظیمات اپلیکیشن مشخص شد. اگر یادت رفت، روی Edit بزن تا دوباره ببینی.

نتیجه‌گیری

با این مراحل ساده، می‌تونی پروژه‌ی Nuxt.js خودت رو روی هاست cPanel دیپلوی کنی. فقط یادت باشه نسخه‌ی Node رو درست انتخاب کنی، اسکریپت npm start داشته باشی و خروجی build رو روی هاست آپلود کنی.

My Blogs