رفتن به محتوا
پلتفرم ابری PaaS / React با رندر سمت سرور

هاست ابری Next.jsمیزبانی نکست جی اس در ابر آراد

وب‌اپلیکیشن Next.js را متناسب با شیوهٔ رندر آن مستقر کنید. خروجی ایستا، SSR و منطق سمت سرور مسیر یکسانی ندارند؛ انتخاب محیط از همین تفاوت آغاز می‌شود.

نسخهٔ Runtime و منابع را متناسب با نیاز پروژه انتخاب کنید.

ARADCLOUD / APPLICATION PLATFORMنمای پروژه
محیط اجرای پروژهٔ شماNext.jsNode.js / SSR
my-nextjs-app
next.config.js
app/page.tsx
از کد به اجراوابستگی‌ها · تنظیمات · انتشار
  1. 01
    Sourceکد پروژه
  2. 02
    Buildآماده‌سازی
  3. 03
    Runtimeانتشار برنامه
جزئیات فنی، پیش از استقرار

ویژگی‌های هاست Next.js و تنظیمات محیط اجرا

محیط اجرا باید با معماری برنامه هماهنگ باشد؛ این موارد را در آماده‌سازی نسخهٔ انتشار لحاظ کنید.

۱

انتخاب خروجی

Static Export تنها برای پروژه‌ای مناسب است که به قابلیت‌های سروری وابسته نباشد.

۲

Build و اجرا

منابع مرحلهٔ Build را جدا از مصرف برنامه در زمان اجرا برآورد کنید.

۳

مرز دادهٔ خصوصی

مقادیر عمومی مرورگر را از Secretهای سروری جدا نگه دارید.

معماری پیشنهادی برای بررسی

اجزای اجرای Next.js را کنار هم ببینید

۱

برنامه و چرخهٔ انتشار

برای «وب‌سایت محتوایی پویا»، کد، وابستگی‌ها و تنظیمات Next.js را از هم تفکیک کنید. خروجی انتشار باید با همان نسخه‌ای آزمایش شود که در محیط اصلی اجرا خواهد شد.

۲

داده و سرویس‌های وابسته

در سناریوی «وب‌اپلیکیشن Full-stack»، محل فایل‌های ماندگار و اتصال داده را مشخص کنید. تغییر نسخهٔ برنامه نباید تنها نسخهٔ دادهٔ موردنیاز شما را از بین ببرد.

۳

ورودی ترافیک و سلامت برنامه

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

از فناوری تا کاربرد

کاربردهای هاست Next.js

این سناریوها نقطهٔ شروع‌اند؛ منابع و روش اجرا به جزئیات پروژهٔ شما وابسته‌اند.

01

وب‌سایت محتوایی پویا

مسیرهای اصلی کاربر و حجم درخواست را به نیاز منابع تبدیل کنید.

02

وب‌اپلیکیشن Full-stack

ارتباط با داده و سرویس‌های دیگر را در طرح استقرار مشخص کنید.

03

رابط کاربری متصل به API

رفتار برنامه در شروع، اجرای عادی و توقف را جداگانه آزمایش کنید.

راهنمای استقرار روی هاست ابری

راه‌اندازی Next.js در ابر آراد

پیش از انتقال Next.js، این سه مورد را در پروژه آماده کنید. تنظیمات نهایی باید با نسخه و روش استقرار محیط مقصد سازگار باشند.

01
آماده‌سازی

نوع رندر و نیاز به سرور Node.js

نسخه‌ها و وابستگی‌ها را مشخص کنید تا فرایند آماده‌سازی برنامه قابل‌تکرار باشد.

02
پیکربندی

دستور Build و Start پروژه

تنظیمات محیط اصلی را از توسعه جدا کنید و مسیر شروع برنامه را پیش از انتقال آزمایش کنید.

03
اعتبارسنجی

متغیرهای عمومی و Secretهای سمت سرور

اتصال سرویس‌های وابسته و رفتار برنامه پس از راه‌اندازی مجدد را بررسی کنید.

DEPLOYMENT PIPELINEمسیر استقرار Next.js
نمونهٔ استقرار
Next.js / EXAMPLE

پایداری، امنیت و نگه‌داری

پس از انتشار چه چیزهایی را دنبال کنیم؟

۱

مصرف منابع و زمان پاسخ

مصرف حافظه و CPU برنامهٔ Next.js را در بار عادی و زمان اوج مقایسه کنید. کندی ممکن است از مسیر داده، وابستگی بیرونی یا تنظیمات برنامه باشد؛ افزایش منابع تنها گزینه نیست.

۲

تنظیمات محرمانه و دسترسی

اطلاعات اتصال و کلیدها را از مخزن کد جدا نگه دارید. دسترسی اعضای تیم را به نیاز کاری محدود کنید و تغییرات تنظیمات را همراه نسخهٔ برنامه ثبت کنید.

۳

انتشار و بازگشت

پیش از انتشار نسخهٔ جدید Next.js، مسیرهای مهم و سازگاری داده را بررسی کنید. نسخهٔ قبلی و روش بازگشت را مشخص نگه دارید؛ بازگرداندن کد لزوماً تغییرات داده را برنمی‌گرداند.

راهنمای انتخاب و هزینه

کدام پلن برای هاست Next.js مناسب است؟

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

مقایسهٔ پلن‌های هاست ←
01Compute

پردازش و حافظه

CPU و RAM

برای وب‌سایت محتوایی پویا، مصرف برنامه را در بار عادی و اوج اندازه بگیرید.

02Storage

داده و فایل

ذخیره‌سازی ماندگار

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

03Services

اجزای پروژه

متغیرهای عمومی و Secretهای سمت سرور

هزینهٔ سرویس‌های وابسته را کنار برنامهٔ اصلی ببینید؛ همهٔ اجزا لزوماً در یک پلن نیستند.

04Runtime

شیوهٔ اجرا

دستور Build و Start پروژه

خروجی ایستا، فرایند وب و پردازش پس‌زمینه نیازهای یکسانی ندارند.

پلن‌های پلتفرم PaaS

منابع اجرای Next.js را مقایسه کنید

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

مقایسه تعاملی پلن‌هابرای تمرکز روی یک پلن، سرستون آن را انتخاب کنید.
پلن انتخاب‌شده: رشد
الگوهای پیشنهادی منابع PaaS؛ پیکربندی نهایی در پنل انتخاب می‌شود
پلن‌های PaaSمنابع موردنیازتان را مقایسه کنیداز شروع پروژه تا توسعهٔ منابع

آغاز

شروع اقتصادی

پایه

پروژه کم‌مصرف

توسعه

محیط توسعه فعال

رشد

Production آماده رشد

حرفه‌ای

بار کاری پایدار

مقیاس

منابع پرترافیک

سازمانی

معماری چندسرویسی
قیمت ماهانهاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنل
قیمت ساعتیاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنل
RAM (GB)1 GB2 GB4 GB8 GB16 GB32 GB64 GB
vCPU (CORE)0.5 Core1 Core2 Core4 Core8 Core16 Core32 Core
Disk (GB SSD)10 GB20 GB40 GB80 GB160 GB320 GB640 GB
بررسی و انتخاببررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنل
سه گام تا انتشار برنامه

مراحل استقرار Next.js

مسیر آماده‌سازی، اجرا و انتشار را با اسکرول دنبال کنید.

۱مرحلهٔ در حال نمایش از ۳ مرحله
  1. آماده‌سازی پروژه
  2. تنظیم و اجرای برنامه
  3. انتشار و نگه‌داری
۰1
گام اول

آماده‌سازی پروژه

نوع رندر و نیاز به سرور Node.js

نسخه و وابستگی‌های Next.js را مشخص و خروجی قابل‌تکرار تولید کنید.

۰2
گام دوم

تنظیم و اجرای برنامه

دستور Build و Start پروژه

مسیرهای اصلی «وب‌سایت محتوایی پویا» را در محیط آزمایشی اجرا کنید؛ تنظیمات نمونه را با ساختار پروژه جایگزین کنید.

۰3
گام سوم

انتشار و نگه‌داری

متغیرهای عمومی و Secretهای سمت سرور

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

برای Next.js هاست Static کافی است؟

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

کدام نسخه‌های Next.js قابل استفاده‌اند؟

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

هزینهٔ این هاست چطور مشخص می‌شود؟

منابع پردازشی، حافظه، فضای نگه‌داری و سرویس‌های وابسته بر هزینه اثر دارند. تعرفهٔ جاری PaaS و جزئیات پلن را بررسی کنید؛ این صفحه قیمت ثابت یا منابع نامحدود وعده نمی‌دهد.

پیش از انتقال کامل، چه چیزی را آزمایش کنم؟

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

انتخاب منابع و روش استقرار

مسیر راه‌اندازی هاست Next.js را مشخص کنید

نیاز پروژهٔ Next.js، سرویس‌های وابسته و منابع موردنظر را با تیم آراد در میان بگذارید.

راهنمای جامع هاست نکست

راهنمای کامل خرید، قیمت و راه‌اندازی هاست نکست (Next.js)

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

مطالعه بیشتربستن راهنما

هاست Next.js برای SSR و وب‌اپلیکیشن

خرید هاست نکست‌جی‌اس به مدل رندر پروژه بستگی دارد. اجرای سرور Node.js و Static Export دو مسیر متفاوت‌اند؛ خروجی ایستا همهٔ قابلیت‌های وابسته به سرور را پوشش نمی‌دهد. قبل از انتخاب منابع، مسیرهای پویا، منطق سروری و نیاز به دادهٔ لحظه‌ای را فهرست کنید.

Build، اجرا و مرز Secretها

موفقیت next build به معنی کافی‌بودن منابع هنگام ترافیک واقعی نیست. زمان Build و مصرف RAM را جدا از درخواست‌های SSR بسنجید. متغیرهای عمومی مرورگر را از کلیدهای خصوصی جدا کنید و پس از انتشار، صفحه‌های پویا و مسیرهای API را آزمایش کنید.

قبل از خرید هاست نکست چه چیزی را مشخص کنیم؟

برای «وب‌سایت محتوایی پویا» تعداد کاربران هم‌زمان، اندازهٔ درخواست و ارتباط با داده مهم‌اند. در «وب‌اپلیکیشن Full-stack» ممکن است الگوی مصرف متفاوت باشد. نیازهای نوع رندر و نیاز به سرور Node.js، دستور Build و Start پروژه، متغیرهای عمومی و Secretهای سمت سرور را به فهرست آماده‌سازی اضافه کنید. هدف، انتخاب منابع بر اساس رفتار برنامه است؛ نام فریم‌ورک به‌تنهایی حجم CPU و RAM را تعیین نمی‌کند.

قیمت هاست Next.js و انتخاب پلن PaaS

هزینهٔ میزبانی فقط به اندازهٔ کد وابسته نیست. حافظهٔ زمان Build، مصرف CPU هنگام پاسخ‌گویی، فضای داده و سرویس‌های وابسته را کنار هم بررسی کنید. از جدول پلن‌ها برای مقایسهٔ منابع استفاده کنید و پیکربندی نهایی را با نیاز پروژه تطبیق دهید. دیتابیس، فضای فایل و اجزای جانبی ممکن است هزینهٔ جدا داشته باشند؛ جزئیات را پیش از انتخاب نهایی روشن کنید.

آموزش راه‌اندازی و انتقال Next.js

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

نگه‌داری و توسعهٔ هاست نکست

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