مقدمه
چرا Next.js را یاد بگیرید
این ساختمان آماده تولید برنامه های وب را ساده می کند
-
مسیریابی: بدون بسته های مسیریابی شخص ثالث
-
مسیرهای API: ما می توانیم در همان پروژه کد Frontend و Backend بسازیم
-
Rendering: پشتیبانی از طرف مشتری و پشتیبانی از طرف سرور پشتیبانی می کند
-
واکشی داده ها: از عملکرد داخلی Async پشتیبانی می کند
-
یک ظاهر طراحی شده: از CSS ، Tailwind و سایر کتابخانه های یک ظاهر طراحی شده برای یک ظاهر طراحی شده بهتر پشتیبانی می کند
-
بهینه سازی: بهینه سازی تصاویر ، قلم ها ، اسکریپت ها و غیره را تقویت می کند
-
Dev and Prod Build System: همراه با سیستم Dev و Prod ساخته شده بهینه ، دیگر با پیکربندی پیچیده برخورد نمی کند
ایجاد برنامه بعدی
npx create-next-app@latest
ساختار پرونده:
پرونده pack.json:
آن بسیار شبیه به پروژه React Normal با Eslint و ساخت اسکریپت است
پرونده ها و پوشه های مختلف مختلف به طور خودکار مانند node_modules تولید می شوند ، .next که یک فایل ساخت برای برنامه بعدی است و پرونده برنامه. ما در پست های آینده در مورد دیگران صحبت خواهیم کرد.
React Components (RSC)
این یک معماری جدید است که توسط تیم React و Quicklu که توسط Next.js.its به دو نوع مجزا تقسیم شده است ، معرفی شده است:
-
اجزای سرور
-
مؤلفه های مشتری
به طور پیش فرض Next.JS با تمام مؤلفه ها به عنوان مؤلفه های سرور رفتار می کند. این مؤلفه ها می توانند وظایف سمت سرور مانند واکشی داده ها و عملیات FS را انجام دهند. تجارت این است که آنها نمی توانند از قلاب های React استفاده کنند یا تعامل کاربر را کنترل کنند. برای ایجاد مؤلفه مشتری باید استفاده کنیم
"use client";
در بالای پرونده خود. نمی توانید وظیفه سرور را انجام دهید ، به عنوان مؤلفه های React سنتی که قبلاً با آنها آشنا هستید ، فکر کنید.
