نکست جی‌اس (Next.js) یک فریم‌ورک قدرتمند برای ساخت برنامه‌های وب مبتنی بر ری‌اکت (React) است که امکاناتی مانند رندر سمت سرور (Server-Side Rendering) و تولید صفحات ایستا (Static Site Generation) را فراهم می‌کند. در این مقاله، به شما آموزش می‌دهیم چگونه نکست جی‌اس را روی یک هاست به‌صورت گام‌به‌گام نصب کنید.

آموزش نصب نکست جی‌اس روی هاست به‌صورت گام‌به‌گام!

پیش‌نیازها

قبل از شروع فرآیند نصب نکست جی‌اس، موارد زیر را آماده کنید:

هاست مناسب: اطمینان حاصل کنید که هاست شما از Node.js پشتیبانی می‌کند.

دسترسی SSH: برای نصب نکست جی‌اس به دسترسی خط فرمان (SSH) نیاز دارید.

نصب Node.js و NPM: اگر این ابزارها روی هاست شما نصب نیستند، باید آنها را نصب کنید.

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

مرحله 1: ورود به سرور از طریق SSH

برای اتصال به سرور خود از طریق SSH، از دستور زیر استفاده کنید:

ssh username@your-server-ip

پس از وارد کردن رمز عبور، به سرور متصل می‌شوید. مطمئن شوید که دسترسی ریشه (Root Access) یا دسترسی کاربری مناسب دارید.

مرحله 2: نصب Node.js و NPM

اگر Node.js و NPM قبلاً روی هاست شما نصب نیستند، باید آنها را نصب کنید. برای این کار می‌توانید از مدیریت بسته‌ها (Package Manager) سیستم‌عامل خود استفاده کنید. برای مثال:

برای Ubuntu/Debian:

sudo apt update
sudo apt install nodejs npm

برای CentOS/RHEL:

sudo yum install nodejs npm

پس از نصب، نسخه Node.js و NPM را بررسی کنید تا از نصب صحیح آنها مطمئن شوید:

node -v
npm -v

مرحله 3: ایجاد پروژه نکست جی‌اس

برای ایجاد یک پروژه جدید نکست جی‌اس، از دستور زیر استفاده کنید:

npx create-next-app@latest my-next-app

این دستور یک پروژه جدید به نام my-next-app ایجاد می‌کند. پس از اتمام، وارد پوشه پروژه شوید:

cd my-next-app

مرحله 4: پیکربندی پروژه برای تولید نهایی

قبل از آپلود پروژه روی هاست، باید آن را برای محیط تولید (Production) آماده کنید. برای این کار، ابتدا وابستگی‌های پروژه را نصب کنید:

npm install

سپس، پروژه را بیلد کنید:

npm run build

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

مرحله 5: نصب و پیکربندی PM2 (اختیاری ولی توصیه‌شده)

برای مدیریت فرآیند اجرای نکست جی‌اس روی سرور، می‌توانید از ابزار PM2 استفاده کنید. این ابزار به شما امکان می‌دهد پروژه را به‌صورت پایدار اجرا کرده و نظارت کنید.

نصب PM2:

npm install -g pm2

اجرای پروژه با PM2:

pm2 start npm --name "my-next-app" -- start

برای بررسی وضعیت اجرای برنامه:

pm2 status

مرحله 6: تنظیم DNS و دامنه (اختیاری)

اگر قصد دارید پروژه نکست جی‌اس خود را به یک دامنه متصل کنید، باید DNS دامنه را به IP هاست خود اشاره دهید. این کار معمولاً از طریق پنل مدیریت دامنه انجام می‌شود.

مرحله 7: بهینه‌سازی پروژه برای عملکرد بهتر

برای افزایش سرعت و بهبود عملکرد پروژه نکست جی‌اس روی هاست، نکات زیر را در نظر بگیرید:

فعال‌سازی کش: از مکانیزم‌های کش برای کاهش زمان بارگذاری استفاده کنید.

استفاده از CDN: فایل‌های استاتیک مانند تصاویر و CSS را از طریق شبکه توزیع محتوا (CDN) ارائه دهید.

فشرده‌سازی Gzip یا Brotli: این فشرده‌سازی‌ها را روی سرور فعال کنید.

مرحله 8: تست نهایی و رفع اشکال

قبل از اعلام نهایی پروژه، مطمئن شوید که همه ویژگی‌ها به درستی کار می‌کنند. از ابزارهای تست سرعت مانند Google PageSpeed Insights استفاده کنید تا عملکرد سایت را بررسی کرده و پیشنهادات بهینه‌سازی را اعمال کنید.

در ادامه بخوانید: مقایسه کامل هاست نکست جی‌اس با دیگر گزینه‌ها

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