آموزش رایگان Next.js [پروژه محور]

توضیحات "آموزش رایگان Next.js [پروژه محور]" :

در این دوره رایگان و پروژه محور، با فریم ورک Next.js و Tailwind CSS آشنا می شوید و مهارت ساخت وب سایت‌های سریع و بهینه برای موتورهای جستجو را یاد میگیرید.

وقتی که یادگیری کدنویسی وب سایت را آغاز می کنیم، پس از تسلط بر HTML، CSS و JavaScript، به مرحله انتخاب فریمورک می رسیم. در این مرحله، معمولا باید یکی از فریمورک های React.js، Vue.js یا Angular را برای ادامه مسیر انتخاب کنیم. هر یک از این فریمورک ها مزایا و معایب خود را دارند، اما جذاب ترین و پرطرفدارترین گزینه، React.js است. این کتابخانه با استفاده از مفهوم "دام مجازی"، امکان تغییر محتوا در صفحات وب را بدون نیاز به رفرش مجدد، به کاربر ارائه می دهد. اما زمانی که شما React را به خوبی یاد گرفتید، ممکن است با دو مشکل عمده مواجه شوید:
1. سرعت کم
2. نداشتن سئو

در واقع، سایت های ساخته شده با React برای نمایش ظاهر سایت از Virtual DOM به جای DOM واقعی استفاده می کنند. که این امر باعث می شود موتورهای جستجو نتوانند محتوای واقعی صفحه را به درستی ایندکس کنند و در نتیجه، رتبه سئو به طور کامل تحت تاثیر قرار میگیرد. برای حل این مشکل، فریمورکی به نام Next.js معرفی شد. Next.js با استفاده از تکنیک SSR به بهبود عملکرد سئو کمک کرده و محتوای صفحات را به طور کامل به موتورهای جستجو ارائه می دهد. این فریمورک امکان رندر سمت سرور را فراهم می آورد و باعث می شود که صفحات به سرعت بارگذاری شوند و به درستی ایندکس شوند.

آموزش رایگان Next.js یک دوره پروژه محور است که به شما کمک می کند تا با Next.js آشنا شوید و اصول پایه ای آن را یاد بگیرید. در این دوره، با استفاده از Next.js ۱۵ به ساخت سایت در قالب یک پروژه عملی خواهید پرداخت. همچنین، نحوه طراحی ظاهری زیبا و مدرن سایت با Tailwind CSS را نیز یاد خواهید گرفت.

آنچه در آموزش رایگان Next.js [پروژه محور] می آموزید:

• مسیر یادگیری (mern stack شدن)
• نصب پروژه Next.js
• استراکچر کدهای پروژه Next.js
• انواع روت ها
• مفهوم route group
• استایل دهی در پروژه نکست جی اس
• آموزش tailwind.css
• طراحی هدر سایت با tailwind.css
• افزودن فونت به پروژه
• بک اند Next js 15
• سرور کامپوننت ها و کلاینت کامپوننت ها
• SSR و SSG و ISR و CSR در نکست جی اس 
• تفاوت بین دیتای لود شده به صورت server side و client side
• تفاوت بین SSR و SSG و ISR
• طراحی صفحه اصلی
• لود دیتا به صورت سئوفرندلی
• نمایش دیتا
• طراحی سایدبار کلاینت ساید
• افزودن آیکن به پروژه Next.js
• صفحه یافت نشد
• سئو مقدماتی