برنامه Nextjs 14 را روی سی پنل میزبانی کنید

Summarize this content to 400 words in Persian Lang
استقرار یک برنامه Next.js در یک پلتفرم میزبانی مشترک مانند cPanel می تواند کمی چالش برانگیز باشد، اما با گام های صحیح، کاملاً قابل انجام است! این راهنما شما را در پیکربندی برنامه Next.js برای ساخت مستقل، آماده سازی فایل ها و استقرار آنها در cPanel با تنظیم Node.js راهنمایی می کند.

برای استقرار موفقیت آمیز برنامه در این راهنما، من شما را با استقرار یک راه اندازی اولیه Next.js در cPanel برای وب سایت راهنمایی می کنم. noorgarments.store برای مشتری محتوای ساختگی در پایان، یک برنامه Next.js زنده خواهید داشت که برای کاربران آماده است.

پیش نیازها

قبل از شروع، مطمئن شوید که:

دسترسی به حساب سی پنل
یک برنامه ساده Next.js آماده در محیط محلی شما

حالا بیایید شروع کنیم!

مرحله 1: Next.js را برای خروجی مستقل پیکربندی کنید

ابتدا، اجازه دهید برنامه Next.js خود را برای تولید a پیکربندی کنیم مستقل ساختن این برای استقرار در محیط هایی مانند cPanel ضروری است، جایی که ممکن است لازم باشد وابستگی ها و دارایی های خود را به صورت دستی مدیریت کنیم.

در شما next.config.js یا next.config.mjs فایل، پیکربندی زیر را اضافه کنید:

/** @type {import(‘next’).NextConfig} */
const nextConfig = {
output: “standalone”,
images: {
remotePatterns: [
{
protocol: “https”,
hostname: “**”,
},
],
},
};

export default nextConfig;

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این پیکربندی تنظیم می کند output به standalone، باعث می شود Next.js یک ساخت مستقل ایجاد کند. این images.remotePatterns تنظیمات به Next.js اجازه می دهد تا با استفاده از یک الگوی عام برای گنجاندن تصاویر از هر منبع خارجی، تصاویر از راه دور را به طور ایمن مدیریت کند.

اطلاعیه مهم: از نسخه 14.2.14 Next.js، ممکن است مشکلات سازگاری با آن وجود داشته باشد standalone خروجی هنگام استفاده از گروه های مسیر اگر از گروه‌های مسیر استفاده می‌کنید، مطمئن شوید که تنظیمات خود را با دقت آزمایش کنید، زیرا ممکن است باعث شود استقرار در نسخه‌های جدیدتر از 14.2.14 شکست بخورد.

مرحله 2: برنامه خود را بسازید

هنگامی که برنامه خود را برای خروجی مستقل پیکربندی کردید، نوبت به ساخت پروژه می رسد. در ترمینال خود، اجرا کنید:

npm run build

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این دستور برنامه را در کامپایل می کند .next دایرکتوری، ایجاد یک نسخه آماده برای تولید پروژه Next.js شما.

مرحله 3: مکان را پیدا کنید .next دایرکتوری و فایل ها

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

داخل .next، چندین پوشه از جمله مستقل و ایستا. این دایرکتوری ها حاوی فایل های ضروری هستند که سرور شما از آنها برای سرویس دهی به برنامه استفاده می کند.

مرحله 4: فایل ها و پوشه های لازم را جمع آوری کنید

از .next دایرکتوری، شما باید فایل ها و دایرکتوری های خاصی را جمع آوری کنید:

این مستقل پوشه ای که شامل تمام فایل های سرور لازم است.
این ایستا پوشه ای که دارای دارایی های عمومی است.

این دو پوشه برای عملکرد صحیح برنامه مستقل Next.js ضروری هستند.

برای راهنمای دقیق گام به گام، از وبلاگ یا ویدیوی یوتیوب من دیدن کنید:👉 میزبانی یک برنامه Next.js 14 در سی پنل | وبلاگ👉 میزبانی یک برنامه Next.js 14 در سی پنل | ویدئو

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: "standalone",
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "**",
      },
    ],
  },
};

export default nextConfig;

npm run build