بدون فریمورک SSR کنیم: فریمورک nextjs چه طوری SSR میکنه

کتابخونه reactDOM یه تابعی داره به نام renderToString که کارش SSR کردن پروژه های ری‌اکت هستش، تو دل nextjs ما یدونه وب سرور داریم (که express js) هستش و داخل اون نکست جی اس میاد renderToString و صدا میکنه و درخت ری‌اکت رو سرور رندر میشه و دراخر html ساخته میشه که ما اونو به عنوان ریسپناس میفرستیم برای کلاینت و همونطور که تو ویدیو های قبلی گفتیم SSG یه مدل خاصی از SSR هستش.
تو این ویدیو ما یکم درباره express js صحبت میکنیم و بعدش میریم که با ابزار vite یه پروژه ری‌اکتی ساده رو SSR کنیم و دراخر نشون میدیم که Hydration چیه و اگر hydration اتفاق نیوفته چی میشه.
اگر سوالی داشتید همینجا تو قسمت comment ها میتونید بپرسید یا داخل تلگرام به ادرس @nima_arf بهم پیام بدید.
وب سایت: react.ir
کانال تلگرام: t.me/react_ir
ایکس (توییتر): / react_ir

[@SashaGamer479]

دس خوش ادامه بده کارت درستهه

[@babakkhosravi8489]

چقدر تو خوبی بشر👌🏻❤️

[@nima_arf]

🔥🔥🔥

[@hadiz]

Finally I understand how SSR works :))))) Amazing job Nima, Love your tutorials❤

[@nima_arf]

I'm so glad!

[@salmanaliof4108]

خیلی مبحث مهمیه ، هم partial hydration وهم resumability اگر پوشش بدی فوق العاده میشه ،

[@nima_arf]

بله حتما یه ویدیو براش درست میکنم

[@zabiharab5183]

دمت گرم عالی بود 👏🔥

[@user-fe4lq6sj3o]

Goood, as all time

[@webmet9503]

ممنون بی صبرانه منتظر ادامه مبحث هستیم ..👍👍

[@user-xr3fi1ld1p]

ممنون

[@ghazaleniazi5855]

🔥🔥🔥🔥

[@user-wv2mn9os7q]

عالی بود دستت درد نکنه فقط توی همه ویدیو ها میزان صدا به نسبت کمتره

[@nima_arf]

صدا کمه یعنی صدای اسپیکر/هدفون دستگاه خودتونو تا آخر زیاد میکنید هم واضح نیست و به سختی میشه صدا ویدیو رو شنید؟

[@arezoomoradi6653]

ممنون خیلی خوب بود. میشه در مورد web worker هم آموزش بذارید؟

[@nima_arf]

اره حتما
خیلی چیز کاربردیه

[@aminda6862]

Thanks a lot

[@nima_arf]

Happy to help

[@SashaGamer479]

❤

[@SashaGamer479]

😍

[@mehdinajafian2754]

خیلی جالب بود ممنون ، حالا این روش بهتره یا نکست جی اس ؟ از لحاظ پیچیدگی و...

[@nima_arf]

ببین نکست جی اس یه فریم ورکه که کار بیشتری فقط از SSR کردن میکنه (با اینکه SSR دلیلیه که همه ازش استفاده میکنن)
فریم ورک که استفاده میکنی یه کانسپتی هستش به نام pit of success که تو وقتی از فریم ورک استفاده میکنی اینو داری
ولی وقتی خودت از صفر همرو درست میکنی احتمالا نداری

[@MSEIN2303]

خیلی عالی بود فقط یه جاهاییش خیلی پیچیده شد و خارج از درک فرانت اندیم شد😅😅

[@nima_arf]

عه کجاش؟

[@MSEIN2303]

@@nima_arf همون قسمت کد های ترکیبی ( که خودتونم گفتین لازم نیس بدونین)

[@mahdardavari3585]

اینو تو مصاحبه از من پرسیدن مچکرررر

[@nima_arf]

ایول، خوشحال شدم اینو فهمیدم
دیگه چیا پرسیدن؟

[@mahdardavari3585]

@@nima_arf ی چیزی که کار نکرده بودم بلد نبودمmonorepo
monorepo جالبه اینم

[@mohammadreza5714]

خدا خیرت بده ویدئو بعدی این SC رو تو ریکت و نکست بگو بحثش جمع بشه 😂😂

[@nima_arf]

اره این server components و هم گرفتم ویدیوشو میزارم این هفته

[@abba3261]

نمیخواهم ssr کنم زوره مگه ؟ همه چی رو اینستا و دیجی کالا و اپ های بزرگ انحصار کردن

[@nima_arf]

خیلی بد دوره زمونه‌ای شده

[@mohammadreza5714]

یعنی چی؟ من متوجه نشدم