Next.js Explained: Partial Prerendering (What? Why? How?)
What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter?
00:00 Intro
00:12 What is Prerendering?
01:31 Single paradigm frameworks
02:59 The problem with static and dynamic
04:09 Current Next.js behavior
04:45 React boundaries to the rescue
06:05 How does Partial Prerendering work?
07:24 How is Partial Prerendering different?
08:39 Benefits of both static and dynamic
09:54 Summary
Пікірлер: 235
The way these concepts are explained (like the content and the wording) together with the matching visualizations makes this one of the best "dev tutorials" I have ever seen. Great job!
@ridass.7137
4 ай бұрын
billions spent right
@Delba
4 ай бұрын
Thank you for saying that, I appreciate it 🙏
The industry needs more creators like you. Such an amazingly clear explanation of these concepts.
@Delba
3 ай бұрын
Appreciate you so 🙏
WOW. This is legit one of the best produced/explained/illustrated technical explanation videos I’ve ever seen. Wildly good.
@Delba
21 күн бұрын
Thank you, I appreciate it!
Next and Vercel should include this in their documentation. Incredibly helpful video, thank you!
The production value is so high, I don’t think this video could be any more perfect! Very nice work, superb presentation, very easy to understand! Thanks for sharing!
@Delba
3 ай бұрын
Appreciate the kind words 🙏
This is soooo good I feel like these videos should be included somewhere in the Next.js docs.
I like how Next is also focusing on explaining their concepts themselves instead of throwing a bunch of features with a mediocre documentation, that's a good explanation, keep it up.
@pablom8854
Ай бұрын
cof cof trpc cof cof
The best explanation video I've ever watched in my entire life.
@Delba
3 ай бұрын
lol, appreciate you saying so 🙏
Next-level clarity. Really enjoyed this video!
Absolutely awesome! Please continue making more videos like this. Love it! 💗
absolutely love your style of explanation
This video quality is truly remarkable! ❤
Beautifully explained. Animation is so intuitive. Keep it up!
This is such an an amazing explanation and visualization. Production quality is out of this world. You'll get more subscribers pretty quickly.
good pace, good visuals, thank you for the video
Keep going with your videos! You have a talent in explaining!
Wonderful explanation with beautiful slides. ❤
Keep em coming! Loving these type of videos 🎉❤
This is a very well crafted presentation that adequately explains the concepts. On point, well paced and the visuals are sleek! Please do one for next.js caching next!
Quality of the video is top notch. Rowdy salute to @Delba
Never have I understood the concepts such beautifully. Found another great mentor. No Cap.
@Delba
Ай бұрын
🤛
Fantastic, thank you. Please more of these with the awesome visualizations+animations!
@Delba
4 ай бұрын
Thanks, I use Remotion.
Awesome presentation! Great animations, pace, and music! I feel like I just went through the whole evolution of web development from a tech-museum! It's THAT good!
Amazing presentation, and very good featured.
Seria genial ver otros topicos de react y next explicados de esta forma. Una joya. Buen trabajo.
Excellent video! Very well made!
Loved your videos and the visuals are amazing
Amazing explanation, and the graphics and animations are very well made, thanks
This video explains Partial Prerendering really well. These animations are amazing!
@Delba
4 ай бұрын
Appreciate it Dom 🙏
The BEST Tutorial I ever seen .
This is the best explanation of the concept so far! The visuals and pace of the video are sooo on point. Thank you Delba.
@Delba
3 ай бұрын
Thank you, I appreciate it.
This is one of the best presentation I've ever seen. Not gonna lie.
The visuals are astonishing. Fantastic work, Delba.
@Delba
21 күн бұрын
Thank you!
instant like and subs. this is the best concept explaining video i've ever seen in my entire life and i am not event exaggerating it a bit. 10/10 keep up. waiting for the next videos.
@Delba
3 ай бұрын
Haha, thank you for the kind words. And welcome!
This is the most amazing work I've ever seen in explaining concepts. This is literally raising the bars to the next level.
Wow, you did an amazing job explaining this. Thank you
Thats an amazing explanation, great video!
Wonderful video Delba, congrats for that. Explanations are so easy to understand. And the animation is totally fluid, wonderful. Absolutely love this content 😍 Thank you so much 🙏
@Delba
3 ай бұрын
Thank you! Glad to hear it.
please upload more content. i love the way you explain ❤
These videos just sit well in my brain! Thank you!
@Delba
Ай бұрын
Glad to hear it!
This was a great presentation
10/10 video, great job. Thanks!
Great explanation together with the visual on what is actually happening and forgot about the actual coding but the concept of how it works you really explain it well. Thank you
@Delba
3 ай бұрын
Thank you!
content quality is perfect. thanks
The amount of work put into producing this content and making these topics understandable is just commendable. Thanks Delba. You earned a sub.
@Delba
3 ай бұрын
Thank you! Welcome.
This was so cool! Fantastic visualization and telling of web history! That's a sub for sure!
@Delba
Ай бұрын
Thanks, welcome!
The pace of explanation, along with the visual matching what is being said and the quality of the explanation is top class. Very surprised to see subscribers under a million here. This channel will grow very fast if videos are created like this consistently
Holy God what did I just watch, this is amazing
Coming back here for the 20th time, what an amazing explanation!
@Delba
2 ай бұрын
Haha, thanks!
wow so amazing! kudos to the effort building this!
@Delba
4 ай бұрын
Thank you so much!
Fantastic explanation!!
Brilliant content
wow... the content, sound, animations, everything on this video is out of this world! Congratz Delba
@Delba
3 ай бұрын
Thank you!
Your content is great! Keep it up👌
This is really nice... It was explain really well... Kudos Delba
@Delba
3 ай бұрын
Glad to hear it!
Very good explanation
thank you very much for excellent explanation 💗
Incredibly helpful explanation
@Delba
3 ай бұрын
Glad to hear it!
The best video I've ever seen!!!
💯💯💯 The best videos explaining nextjs
wonderful way to explain complex concepts in easy to understand manner. easily one of the best tech videos I have every seen. thanks a lot for this amazing content.
Such an amazingly clear explanation of these concepts. The best explanation video I've ever watched in my entire life. Please continue making more videos like this. Love it! 💗
@Delba
2 ай бұрын
Thank you!
this what we call understading and knowing a subject! Great no the animation and explanation, soo.. im subscribing
@Delba
4 ай бұрын
Thank you. Welcome!
Great job 👏👏
Very good explained, thanks for the video! New subscriber from spain!
@Delba
2 ай бұрын
Thank you. Welcome!
Great explanation and presentation. Subscribed.
@Delba
4 ай бұрын
Welcome 🙏
i have been working on multiple Next js project for last 2 years and i can say that this is one of the best thing next js team had ever done. Can u please make a video to do all of this pratically in code
This is the best explanation I have seen of these rendering models, by a lot, but I still think two misconceptions are possible, especially for people with self-hosted apps: 1. You do *not* need the Edge or Vercel, or even a CDN, to take advantage of PPR. The Next Route Cache will serve your static assets. 2. PPR is only about speed, not about cost. Users will see the cached static parts of your app first, but those parts will still eventually re-render on every request, so that the dynamic parts re-render also. Next cannot break your app apart, unless (maybe) you're using parallel routes, so it needs to run the whole "rendering engine" of your page just to get the dynamic outputs, with all the cost incurred. This means there are still big advantages to using pages that "partially render" with fully static content on the server and then complete the rendering, with personalized data fetching, on the client. Next even confusingly tries to force you to do data fetching with request-based data on the client, in layout components, for this exact reason. Otherwise all your pages would become dynamic, even if served with PPR.
@Delba
3 ай бұрын
Thank you! In general, this video is about the vision of Partial Prerendering that we're building towards, not about its behavior during alpha.
the visualization is so good
I don't even use react or nextjs, i stayed for the great content quality, well done! I will definitely come back to this again once i start experimenting with the react ecosystem
@Delba
3 ай бұрын
Thank you! We'll be here :D
I wonder how you create these awsome visualizations. Great work!!
@Delba
4 ай бұрын
Thanks, I use Remotion.
@slyracoon23
3 ай бұрын
Do you do any post editing software as well?
gorgeous content
Awesome video!
Great video! I’m curious about which tool you use to present information or graphic mockups. I love them. And how long could it take to make a video as yours?
@Delba
3 ай бұрын
Thanks, I use remotion.
That was fantastic! I hit subscribe right after watching it.
@Delba
4 ай бұрын
Thanks, welcome!
Wow the explaination and visualization
Two minutes into the video, and I have immediately clicked the "like" and "subscribe" buttons! Please make more videos on Next.js!
@Delba
2 ай бұрын
Glad to hear it, welcome!
5 seconds in and I'm already subscribed! Please do a video or write a post on how you create these animations with remotion!
@Delba
3 ай бұрын
Welcome! Perhaps in the future, working on next.js / react videos for a bit.
Well made video.
It is funny how Theo explains the same concepts, but without animations! With visuals it is even better! Cool stuff! Keep up the quality! Thanks for video!
@Delba
3 ай бұрын
We tackle the same problems from different angles.
ngl even Lee Robinson was not able to deliver concepts of PPR as you did . amazing !
@Delba
3 ай бұрын
We work together :P He gave feedback that made this better.
This is so good, obrigado!
amazing 👍
such nice hud n animations
I love the visualization and explanation! How have you did these visualizations? looks awesome
@Delba
4 ай бұрын
Thank you, I use Remotion.
amazing animations
OOO Delba u legend, was just reading up on this and u smash a vid online! :D
Quality content
these animations are awesome! Do you do them yourself?
@Delba
4 ай бұрын
Thank you! Yes :)
Good stuff.
This video is incredible. thanks for best explanation. How long did it take to make this video?!
@Delba
2 ай бұрын
Thank you! Centuries.
Thank you for doing God's work here! Your concept videos are astonishing, and the level of detail and finesse is immaculate. Please never stop delivering such high-value content! I adore you 😄
Video perfeito! Valeu!
love it.👍
Beautiful
Excelente video, foi bem completo sem entrar em detalhes tecnicos, Vou mandar na minha empresa pra todos verem!
@Delba
4 ай бұрын
Obrigada, espero que ajude!
Awesome video! In which program you're doiing this nice-looking animated schemes?
@Delba
3 ай бұрын
Thanks, I use Remotion.
That visualizations and visual animation are perfect, which tool do you use for that?
@Delba
3 ай бұрын
Thanks! I use Remotion
Excellent explanation of the concept. Would you share the tools you used for creating the visualisations and animations?
@Delba
3 ай бұрын
Thank you, I use Remotion.
@benjaminsombi9519
3 ай бұрын
@@Delba Thank you.
thank u