آموزش Next.js یک قدم در پیاده‌سازی بهتر و کامل‌تر اپلکیشن‌های React به حساب می آید. در این دوره سعی شده Next.js را به شکل کاربردی به شما آموزش دهیم. افرادی که قصد دارند تا در مسیر تبدیل شدن به یک توسعه دهنده React گام‌های بیشتری را پشت سر بگذارند و دانش‌شان را گسترش دهند، این دوره می‌تواند برای‌شان بسیار مفید و کاربردی باشد. شرکت‌های بسیار زیادی نیز هستند که در فرصت‌های شغلی خودشان عنوان کرده‌اند که درک عمیق Next.JS یکی از الزام‌ها برای کارجویان است.

Next.js (نکست جی‌اس) چیست؟
Next.js به عنوان یک فریمورک برای React شناخته می‌شود که به شما اجازه می‌دهد که React را به شکل SSR پیاده‌سازی کنید، شاید بپرسید که SSR یا Server-Side Rendering چیست؟ که در بخش پایین‌تر این مقاله به شکل مفصل آن را به شما توضیح خواهم داد.

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

مفهوم SSR یا Server-Side Rendering
برای درک SSR اول باید نگاهی به وبسایت‌های معمولی بی‌اندازیم.

در وبسایت‌های معمولی زمانی که شما یک URL را درخواست می‌کنید مرورگر شما محتوای آن صفحه را کامل لود می‌کند و در نهایت در مرورگر به نمایش در می‌آورد اما در وبسایت‌های SPA زمانی که یکی از صفحات را درخواست می‌کنید ابتدا صفحه خام به همراه کد جاوااسکریپتی شما لود می‌شود که در این حالت چیزی برای مشاهده توسط موتور‌های جستجو وجود ندارد و بعد از چند لحظه که کدهای جاوااسکریپتی شما کامل فراخونی شد و اطلاعات در صفحه نمایش داده می‌شود.

اما برای برطرف کردن این مشکل راحلی ارائه شده است با عنوان SSR که به شما کمک می‌کند وبسایت SPA خود را در بارگذاری اول کاملا مانند یک وبسایت معمولی لود کنید.

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

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

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

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

نصب، راه اندازی و پیکربندی Next.js
Next.js نصب و راه‌اندازی ساده‌ای دارد، همچون داستان React که برای راه اندازی پروژه ما از پکیج create- React -app استفاده می‌کردیم برای راه‌اندازی next هم از پکیجی با عنوان create-next-app باید استفاده کنید که تقریبا همه کارهای لازم را برای ما انجام می‌دهد.

فرق بین CSR و SSR چیست؟
با تعریف هر کدام از این‌ها در نهایت میتوانید فرق بین آن‌ها را به سادگی درک کنید.

CSR: مخفف Client Side Rendering و به معنی این است که وبسایت شما بعد از یکبار لود شد کامل توسط مرورگر، برای لود کردن صفحات دیگر وبسایت نیاز به دریافت و Render کردن چیزی از سمت سرور را ندارند و کاملا با استفاده از جاوااسکریپت این کارها انجام می‌شود.

SSR : مخفف Server Side Rendering و به معنی این است که وبسایت شما به ازای هر URL یکبار در سمت خود سرور باید تمام پردازش و ایجاد HTML وبسایت انجام شود و مرورگر تنها وظیفه اجرای HTML را بر عهده بگیرد.

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

در دوره آموزش Next.js چه مباحثی را یاد می‌گیرید؟
با شرکت در این دوره و دیدن فایل‌های آموزشی و تمرین کردن نکات گفته شده در ویدیوها شما یاد می‌گیرید که:

چطور صفحات مختلف را با استفاده از Next.js ایجاد کنید
چطور Route های پویا بسازید
چگونه با سرور ارتباط بگیرید و اطلاعات را از سرور دریافت کنید
چطور با next وبسایت SSR پیاده کنیم.
چطور سئو سایت را بهبود دهیم.
و…آموزش Next.js یک قدم در پیاده‌سازی بهتر و کامل‌تر اپلکیشن‌های React به حساب می آید. در این دوره سعی شده Next.js را به شکل کاربردی به شما آموزش دهیم. افرادی که قصد دارند تا در مسیر تبدیل شدن به یک توسعه دهنده React گام‌های بیشتری را پشت سر بگذارند و دانش‌شان را گسترش دهند، این دوره می‌تواند برای‌شان بسیار مفید و کاربردی باشد. شرکت‌های بسیار زیادی نیز هستند که در فرصت‌های شغلی خودشان عنوان کرده‌اند که درک عمیق Next.JS یکی از الزام‌ها برای کارجویان است.

Next.js (نکست جی‌اس) چیست؟