Next.js Server-Side Rendering | Next.js Zero to Hero #3

Опубликовано: 27 Январь 2025
на канале: Igor Silveira

2,641

Next.js Static site generation is one of the ways Next.js enables high-performant websites by pre-rendering every page by default instead of having it all done by client-side #JavaScript, like regular #React apps usually do.

On this video, we will be talking about #Next.js Server-Side Rendering, complementing the last video on the pre-rendering topic.

Server-Side Rendering works on the same basis as Static Site Generation where the goal is to serve the client with a pre-built static HTML page that the server has pre-rendered and that is then hydrated by the bundled JavaScript file, restoring the page to its true interactive glory.

The main difference to retain between these two pre-rendering methods that Next.js ships with, is when the page’s HTML is pre-rendered.

You can find the source code in the repo: https://github.com/igorasilveira/blog...

Check out the full playlist here:    • NextJS Zero to Hero

Chapters
0:00 - Intro
1:15 - Server-Side Rendering
1:34 - SSG vs SSR
2:51 - How to SSR in Next.js
4:20 - Practical Example: Updating our App
10:51 - Important Notes
12:06 - Outro

-----------------------------------------------------------------------------------------------------------------

IF you like this video, please make sure to click the like button and share this with all your friends! 👍

ANY comments or ideas? Share them with me down below! ✍

SIGNUP FOR THE NEWSLETTER
📥 Newsletter: https://www.getrevue.co/profile/igora...

JOIN OUR NEWLY CREATED DISCORD CHANNEL
📘 Discord:   / discord

MY SOCIAL MEDIA
🎥 Twitch:   / igorsilveira
📷 Instagram:   / igorasilveira
🐦 Twitter:   / igorasilveira

MY FILMING GEAR:
📷 My Camera - Sony Alpha 7 II - https://amzn.to/3ihZGvW
🎤 My Microphone - Trust Gaming GXT 258 Fyru - https://amzn.to/3yjrF3S
💡 My Lighting - Neewer 2-Pack LED - https://amzn.to/3A1XBKK

MY CODING GEAR:
⌨ My Keyboard - MX Keys by Logitech - https://amzn.to/3xj1glq
🖱 My Mouse - MX Master 3 by Logitech - https://amzn.to/3ijdN4g
🎧 My Headphones - Sony MX1000XM3 - https://amzn.to/3jcTYuG
📺 My Monitors - 1x Dell U2417H and 1x Lenovo G34w-10

COMPUTER SPECS:
(MacBook Pro 16'' 2019)
Intel i9 2,3 GHz 8-Core
16 GB 2667 MHz DDR4
Intel UHD Graphics 630 1536 MB

(Custom Built PC 2017)
AMD Ryzen 3700X 3,6 GHz 8-Core
Team Group DDR4 2400MHz 16 GB - https://amzn.to/2TQa1pB
Radeon RX 560 Series 4 GB - https://amzn.to/3Ci7hTk