پس از راه‌اندازی فایل‌ها و تنظیمات ساختاری، زمان آن رسیده است که پروژه خود را در محیط محلی اجرا کنید. برای شروع فرآیند توسعه، دستور زیر را در ترمینال پروژه بنویسید:
npm run dev
با اجرای این دستور، محیط توسعه Next.js به کمک باندلر سریع Turbopack فعال شده و پروژه شما آماده پردازش می‌شود.
مشاهده و بررسی خروجی برنامه
پس از فعال‌سازی سرور، مرورگر خود را باز کرده و به آدرس محلی زیر مراجعه کنید تا خروجی اولیه برنامه را به صورت زنده ببینید:
آدرس مشاهده پروژه: http://localhost:3000
قابلیت به‌روزرسانی آنی (Fast Refresh)
یکی از ویژگی‌های قدرتمند Next.js، هماهنگی آنی مرورگر با کدهای شماست. برای آزمایش این قابلیت، مراحل زیر را انجام دهید:
-
فایل
app/page.tsxرا در ویرایشگر کد خود باز کنید. -
بخشی از متن درون فایل (مثلاً عبارت "Hello, Next.js!") را تغییر داده و به دلخواه ویرایش کنید.
-
فایل را ذخیره (Save) کنید.
به محض ذخیره فایل، تغییرات اعمال شده بدون نیاز به بارگذاری مجدد و دستی صفحه (Refresh)، به صورت خودکار و آنی در مرورگر اعمال خواهند شد.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: منبع مستندات