Next.js به عنوان یک فریمورک برای React شناخته می شود که به شما اجازه می دهد که React را به شکل SSR پیاده سازی کنید

برای آموزش Next.js شما قطعا باید با React آشنا باشید و با آن کار کرده باشید. بخاطر اینکه Next.js فریمورک React محسوب می شود و عدم آشنایی با React مشکل اساسی در استفاده از Next.js محسوب می شود.

اگر تا الان React را هنوز یاد نگرفته اید پیشنهاد می کنیم در قدم اول دوره آموزش React را مشاهده کنید.

در سطوح پیشرفته تر کار با Next.js شما نیاز به دانش node هم پیدا خواهید کرد بخاطر اینکه سمت backend این فریمورک با استفاده از node پیاده سازی شده است.

اگر نیاز به یادگیری node دارید می توانید از دوره آموزش nodejs برای یادگیری آن استفاده کنید.

برای ساخت یک وب اپلیکیشن کامل با ری اکت از ابتدا، باید یک سری موارد رو هم در نظر بگیریم:

• کدها رو باید با استفاده از یک bundler مثل webpack بسته بندی کنیم و با استفاده از کامپایلری مثل babel بتونیم transform کنیم.
• باید بهینه سازی های پروداکشن مثل code splitting رو انجام بدیم.
• ممکنه بخوایم بعضی از صفحات رو برای پرفورمنس و سئو pre-render کنیم. یا از server-side rendering یا client-side rendering استفاده کنیم.
• برای اتصال برنامه ری اکت به data store، ممکنه مجبور باشید چند خط کد server-side بنویسید.

نکست جی اس راه حلی برای تمام این مشکلات است. نکست جی اس یک فریم ورک بر پایه ری اکت است که توسط vercel ساخته شده.

لیستی از ویژگی های داخلی نکست جی اس:

• یک سیستم routing مبتنی بر صفحات (pages)
• پشتیبانی از server-side rendering و static generation برای pre-render
• تقسیم کدها به صورت خودکار برای لودکردن سریع صفحات
• پشتیبانی داخلی از css و sass
• پشتیبانی از fast refresh در محیط توسعه
• قابلیت api routes برای ساخت endpoint ها با توابع بدون سرور