Introduction to React #16 | Server Side Rendering (SSR)

We take our NextJS app and use Server Side Rendering to render the pages on the server before they go to the client.

Hope you folks enjoy this!
👉 If you enjoy this video, please like it and share it.

💢 Watch our other videos:

Thank you for watching this video, click the "SUBSCRIBE" button for stay connected with this channel.

#javascript #reactjs #nextjs #ssr

[pph]

I've watched quite a few tutorials of this nature - This has to be the most complete React crash course I've seen so far. Excellent job and thanks for your time.

[errorerror]

Woah. await( await( function() ) ) is amazing. I've been doing it wrong for the last 40 years!!!

[maxsaDev]

Thank you, Jack, for this video about NextJS React and Server Side Rendering SSR

[OoiTengHao]

Its a great video and I love the way how you present it. I hope you can explain a bit further on the concepts of Server side rendering in depth. If you have any video on this topic please share. Still learning while coding.

[Shakeel]

Thanks so much for this awesome React intro series. Top-notch content, indeed.

[technikhil]

If my understanding is correct, the reason to await on json is that, its a stream internally. And streams are always read in chunks. so json function has to wait unless all chunks are read and joined in order to return whole json at once to the consumer. Correct me if I am wrong.

[CodingNuggets]

Thanks Jack. Love your channel so far. See you soon!

[TheRegalboss]

Just stumbled on your channel today. And boy you got a new sub! Love the way you describes how the code work.

[AhmedSamir-hxip]

Hi Jack, hope you're doing well
This video is straight forward even for someone like me that never knew a thing about next.js
I just wanna ask you something, from your code I got that you're doing SSR with nextjs without even doing any configurations to the server code ?
I mean to do SSR with React, you have to make some configurations in your server files whether you're using express or laravel or whatever,
but here i can see you only care about the frontend side and nothing to worry about regarding the backend side, correct me if im wrong please
and thanks for the video

[diyaagubarah]

when to use next js? does I need next if I used django as a backend ?

and how to structure react js app for production?

thanks for high quality tutorial ❤❤

[anujupadhyay]

If I am not wrong, then from here on now the individual pokemon page renders faster than before. would it be correct to say so?

[ElmachitoSilbateador]

Jack please make a video about how to fix common react errors

[eleah]

Hello jherr, Thanks. The nextjs docs on this are good:
Still not sure I fully understand it.
The plural of pokemon is todo lists.