دوره آموزش مقدماتی Next JS

دوره آموزش مقدماتی Next JS

سلام به ری اکت نویسای عزیز

محمد مطواعی هستم و یه سوپرایز دارم براتون آموزش یه فریم ورک دیگه از ری اکت جی اس

خب همه برنامه نویسای ری اکت میدونن که ری اکت کنار همه خوبی ها و قشنگیایی که داره این مشکل رو داره که رابطش با گوگل خیلی خوب نیست و seo خوبی نداره ینی سایتایی که با ری اکت زده میشن خیلی دیر تر توسط ربات های گوگل ایندکس میشن و توصفحات اول دیرتر میان بالا اینم بخاطر client side rendering بودن ری اکته

Client side rendering ینی چی ؟ ینی تقریبا همه محتواهایی که باید توسط گوگل ایندکس بشن داخل مرورگر کاربر رندر میشن و نه سمت سرور و اینجوری باعث میشه سایتی که ربات گوگل تحویل میگیره یه سایت خالی از محتوا باشه و اینجوری دیگه seo سایت خیلی خوب درنمیاد

اما راه حل چیه ؟ راه حل اینه که ما به عنوان برنامه نویس بیایم و اپمون رو ssr کنیم ssr ینی server side rendering کردن اپ

next js اومده تا این بار سنگین رو ب دوش بگیره این کتابخونه میاد و صفحات سایت مارو یه دور prerender میکنه ینی از قبل جاوااسکریپتایی ک نوشتیم رو رندر میگیره و به کاربر یه صفحه html  پر از محتوا تحویل میده و زحمت کاربر رو کم میکنه اینجوری سرعت لود سایت هم خیلی بیشتر میشه و پروفورمنس بالا میره.

ما تواین آموزش نکس جی اس رو از صفر شروع میکنیم و کامل مفاهیم بیسیک اون رو پوشش میدیم بعد که مفاهیم تموم شدن میریم سراغ اینکه دانشمون رو تثبیت کنیم و سایت کافه بازار رو با next js طراحی میکنیم سایتی که درحال حاضر با فریم ورک ویو جی اس زده شده و با کتابخانه همتای next js ینی nuxt js ssr شده

خب من از قبل طراحی های مربوط به صفحاتمون رو توی adobe xd انجام دادم و قراره تو آموزش یه همچین سایتی رو پیاده سازی کنم تو هرکدوم ازین صفحات با کلی چیز جدید و چالش روبرو میشیم که باهم دیگه اونارو حل میکنیم

لیست صفحاتمون به این صورته

صفحه فیلم و سریال

صفحه بازی ها

صفحه برنامه ها

لیست دسته بندی های بازی ها و برنامه ها

و صفحه جزییات هر برنامه که شامل اسکرین شات های برنامه و نظرات اون میشه

دو سه تا صفحه استاتیک ساده درباره ما و تماس با ما هم اضافه کردیم سایتمون همه جوره کامل باشه

بعد ازین دوره شما قادر خواهید بود با کتابخونه ری اکت و به لطف next js انواع لندینگ ، سایت های محتوایی و واکنش گرا ، همینطور سایت های اشتراک ویدیو و اشتراک عکس بسازید و به راحتی محتوای شما تو نتایج گوگل به نمایش گذاشته بشه

اگرم هنوز دقیق متوجه نشدی که next js  چیه و به چه کارت میاد میتونی 4 5 قسمت اول دوره که رایگان هست رو ببینی بعدش روی ثبت نام دوره فک کنی

اوکی توضیح دیگه کافیه بریم سراغ مباحث فنی دوره

تو دوره میبینمتون

پیش نیاز این دوره آشنایی با ری اکت میباشد