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

  • @real-oppenheimer
    @real-oppenheimer4 ай бұрын

    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

    @ridass.7137

    4 ай бұрын

    billions spent right

  • @Delba

    @Delba

    4 ай бұрын

    Thank you for saying that, I appreciate it 🙏

  • @JohnBuildWebsites
    @JohnBuildWebsites3 ай бұрын

    The industry needs more creators like you. Such an amazingly clear explanation of these concepts.

  • @Delba

    @Delba

    3 ай бұрын

    Appreciate you so 🙏

  • @nicholasprice5137
    @nicholasprice513723 күн бұрын

    WOW. This is legit one of the best produced/explained/illustrated technical explanation videos I’ve ever seen. Wildly good.

  • @Delba

    @Delba

    21 күн бұрын

    Thank you, I appreciate it!

  • @christophercaldwell6641
    @christophercaldwell66413 ай бұрын

    Next and Vercel should include this in their documentation. Incredibly helpful video, thank you!

  • @greob
    @greob3 ай бұрын

    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

    @Delba

    3 ай бұрын

    Appreciate the kind words 🙏

  • @Yadiel458x
    @Yadiel458x4 ай бұрын

    This is soooo good I feel like these videos should be included somewhere in the Next.js docs.

  • @dwin9983
    @dwin99834 ай бұрын

    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

    @pablom8854

    Ай бұрын

    cof cof trpc cof cof

  • @Foused87
    @Foused873 ай бұрын

    The best explanation video I've ever watched in my entire life.

  • @Delba

    @Delba

    3 ай бұрын

    lol, appreciate you saying so 🙏

  • @XrVwxLF91Q
    @XrVwxLF91Q4 ай бұрын

    Next-level clarity. Really enjoyed this video!

  • @bibartaks
    @bibartaks4 ай бұрын

    Absolutely awesome! Please continue making more videos like this. Love it! 💗

  • @TheAkiller101
    @TheAkiller1013 ай бұрын

    absolutely love your style of explanation

  • @trueberryless
    @trueberryless3 ай бұрын

    This video quality is truly remarkable! ❤

  • @anbarasu1997
    @anbarasu19973 ай бұрын

    Beautifully explained. Animation is so intuitive. Keep it up!

  • @tauhid97k
    @tauhid97k3 ай бұрын

    This is such an an amazing explanation and visualization. Production quality is out of this world. You'll get more subscribers pretty quickly.

  • @48595157484812
    @485951574848123 ай бұрын

    good pace, good visuals, thank you for the video

  • @faraonch
    @faraonch4 ай бұрын

    Keep going with your videos! You have a talent in explaining!

  • @rafishaik503
    @rafishaik5034 ай бұрын

    Wonderful explanation with beautiful slides. ❤

  • @aaditya_ai
    @aaditya_ai4 ай бұрын

    Keep em coming! Loving these type of videos 🎉❤

  • @filipniklas
    @filipniklas4 ай бұрын

    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!

  • @SumanthPagidipalli
    @SumanthPagidipalli3 ай бұрын

    Quality of the video is top notch. Rowdy salute to @Delba

  • @MyBrainForYou
    @MyBrainForYouАй бұрын

    Never have I understood the concepts such beautifully. Found another great mentor. No Cap.

  • @Delba

    @Delba

    Ай бұрын

    🤛

  • @Nightizm
    @Nightizm4 ай бұрын

    Fantastic, thank you. Please more of these with the awesome visualizations+animations!

  • @Delba

    @Delba

    4 ай бұрын

    Thanks, I use Remotion.

  • @nicholaschu203
    @nicholaschu203Ай бұрын

    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!

  • 4 ай бұрын

    Amazing presentation, and very good featured.

  • @drujas
    @drujas3 ай бұрын

    Seria genial ver otros topicos de react y next explicados de esta forma. Una joya. Buen trabajo.

  • @stefan1397
    @stefan13972 ай бұрын

    Excellent video! Very well made!

  • @jatul28
    @jatul284 ай бұрын

    Loved your videos and the visuals are amazing

  • @radosvet93
    @radosvet93Ай бұрын

    Amazing explanation, and the graphics and animations are very well made, thanks

  • @DominikSipowicz
    @DominikSipowicz4 ай бұрын

    This video explains Partial Prerendering really well. These animations are amazing!

  • @Delba

    @Delba

    4 ай бұрын

    Appreciate it Dom 🙏

  • @haithamaleryani8279
    @haithamaleryani82793 ай бұрын

    The BEST Tutorial I ever seen .

  • @pplytas
    @pplytas4 ай бұрын

    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

    @Delba

    3 ай бұрын

    Thank you, I appreciate it.

  • @anil97
    @anil974 ай бұрын

    This is one of the best presentation I've ever seen. Not gonna lie.

  • @freenrg888
    @freenrg88828 күн бұрын

    The visuals are astonishing. Fantastic work, Delba.

  • @Delba

    @Delba

    21 күн бұрын

    Thank you!

  • @awksomeid6965
    @awksomeid69654 ай бұрын

    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

    @Delba

    3 ай бұрын

    Haha, thank you for the kind words. And welcome!

  • @MikeMansourTech
    @MikeMansourTech3 ай бұрын

    This is the most amazing work I've ever seen in explaining concepts. This is literally raising the bars to the next level.

  • @mcCorn6478
    @mcCorn64784 ай бұрын

    Wow, you did an amazing job explaining this. Thank you

  • @juanferrer5885
    @juanferrer58854 ай бұрын

    Thats an amazing explanation, great video!

  • @jimmyj.6792
    @jimmyj.67923 ай бұрын

    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

    @Delba

    3 ай бұрын

    Thank you! Glad to hear it.

  • @hankersoree
    @hankersoree2 ай бұрын

    please upload more content. i love the way you explain ❤

  • @bluehawkfire55
    @bluehawkfire55Ай бұрын

    These videos just sit well in my brain! Thank you!

  • @Delba

    @Delba

    Ай бұрын

    Glad to hear it!

  • @NarcisMM
    @NarcisMM3 ай бұрын

    This was a great presentation

  • @InternetThe
    @InternetThe4 ай бұрын

    10/10 video, great job. Thanks!

  • @CharlieKiloSierra8893
    @CharlieKiloSierra88934 ай бұрын

    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

    @Delba

    3 ай бұрын

    Thank you!

  • @bat-erdenekhashbat1205
    @bat-erdenekhashbat12053 ай бұрын

    content quality is perfect. thanks

  • @moyezrabbani637
    @moyezrabbani6373 ай бұрын

    The amount of work put into producing this content and making these topics understandable is just commendable. Thanks Delba. You earned a sub.

  • @Delba

    @Delba

    3 ай бұрын

    Thank you! Welcome.

  • @emilia1520
    @emilia1520Ай бұрын

    This was so cool! Fantastic visualization and telling of web history! That's a sub for sure!

  • @Delba

    @Delba

    Ай бұрын

    Thanks, welcome!

  • @stockmarketwizard9781
    @stockmarketwizard97812 ай бұрын

    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

  • @continuouslearner
    @continuouslearner4 ай бұрын

    Holy God what did I just watch, this is amazing

  • @rafaelrcamargo
    @rafaelrcamargo2 ай бұрын

    Coming back here for the 20th time, what an amazing explanation!

  • @Delba

    @Delba

    2 ай бұрын

    Haha, thanks!

  • @MilindMishra
    @MilindMishra4 ай бұрын

    wow so amazing! kudos to the effort building this!

  • @Delba

    @Delba

    4 ай бұрын

    Thank you so much!

  • @alexjohnson-bassworship3150
    @alexjohnson-bassworship31504 ай бұрын

    Fantastic explanation!!

  • @azizsafudin
    @azizsafudin3 ай бұрын

    Brilliant content

  • @vandhuymartins9481
    @vandhuymartins94813 ай бұрын

    wow... the content, sound, animations, everything on this video is out of this world! Congratz Delba

  • @Delba

    @Delba

    3 ай бұрын

    Thank you!

  • @amirreza3638
    @amirreza36383 ай бұрын

    Your content is great! Keep it up👌

  • @taiwojolomi2638
    @taiwojolomi26384 ай бұрын

    This is really nice... It was explain really well... Kudos Delba

  • @Delba

    @Delba

    3 ай бұрын

    Glad to hear it!

  • @markusfeljofsen8345
    @markusfeljofsen83453 ай бұрын

    Very good explanation

  • @mdrakibul4052
    @mdrakibul40522 ай бұрын

    thank you very much for excellent explanation 💗

  • @ignacior98
    @ignacior983 ай бұрын

    Incredibly helpful explanation

  • @Delba

    @Delba

    3 ай бұрын

    Glad to hear it!

  • @nathanlazo814
    @nathanlazo8143 ай бұрын

    The best video I've ever seen!!!

  • @AlwaysWeb
    @AlwaysWeb3 ай бұрын

    💯💯💯 The best videos explaining nextjs

  • @amanmavai99
    @amanmavai992 ай бұрын

    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.

  • @hifzazafar9307
    @hifzazafar93072 ай бұрын

    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

    @Delba

    2 ай бұрын

    Thank you!

  • @b3rking
    @b3rking4 ай бұрын

    this what we call understading and knowing a subject! Great no the animation and explanation, soo.. im subscribing

  • @Delba

    @Delba

    4 ай бұрын

    Thank you. Welcome!

  • @karan4345
    @karan43453 ай бұрын

    Great job 👏👏

  • @xavimc9794
    @xavimc97942 ай бұрын

    Very good explained, thanks for the video! New subscriber from spain!

  • @Delba

    @Delba

    2 ай бұрын

    Thank you. Welcome!

  • @dinesh28
    @dinesh284 ай бұрын

    Great explanation and presentation. Subscribed.

  • @Delba

    @Delba

    4 ай бұрын

    Welcome 🙏

  • @ZainRamzan-pt8cm
    @ZainRamzan-pt8cm4 ай бұрын

    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

  • @tradfluteman
    @tradfluteman3 ай бұрын

    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

    @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.

  • @fauzanr..
    @fauzanr..3 ай бұрын

    the visualization is so good

  • @deku_nattsu
    @deku_nattsu3 ай бұрын

    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

    @Delba

    3 ай бұрын

    Thank you! We'll be here :D

  • @thefullstackproject
    @thefullstackproject4 ай бұрын

    I wonder how you create these awsome visualizations. Great work!!

  • @Delba

    @Delba

    4 ай бұрын

    Thanks, I use Remotion.

  • @slyracoon23

    @slyracoon23

    3 ай бұрын

    Do you do any post editing software as well?

  • @sealuke2724
    @sealuke27243 ай бұрын

    gorgeous content

  • @nayeemxtreme
    @nayeemxtreme4 ай бұрын

    Awesome video!

  • @jordinodejs3291
    @jordinodejs32913 ай бұрын

    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

    @Delba

    3 ай бұрын

    Thanks, I use remotion.

  • @manmandangdang
    @manmandangdang4 ай бұрын

    That was fantastic! I hit subscribe right after watching it.

  • @Delba

    @Delba

    4 ай бұрын

    Thanks, welcome!

  • @Johnny-rf4iu
    @Johnny-rf4iu3 ай бұрын

    Wow the explaination and visualization

  • @tomspatula616
    @tomspatula6162 ай бұрын

    Two minutes into the video, and I have immediately clicked the "like" and "subscribe" buttons! Please make more videos on Next.js!

  • @Delba

    @Delba

    2 ай бұрын

    Glad to hear it, welcome!

  • @essawy897
    @essawy8973 ай бұрын

    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

    @Delba

    3 ай бұрын

    Welcome! Perhaps in the future, working on next.js / react videos for a bit.

  • @hectondomingos3264
    @hectondomingos32643 ай бұрын

    Well made video.

  • @codeChuck
    @codeChuck4 ай бұрын

    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

    @Delba

    3 ай бұрын

    We tackle the same problems from different angles.

  • @MuhammadHaseebAhmed
    @MuhammadHaseebAhmed4 ай бұрын

    ngl even Lee Robinson was not able to deliver concepts of PPR as you did . amazing !

  • @Delba

    @Delba

    3 ай бұрын

    We work together :P He gave feedback that made this better.

  • @brunops_music
    @brunops_musicАй бұрын

    This is so good, obrigado!

  • @horizondevs
    @horizondevs3 ай бұрын

    amazing 👍

  • @Edu4Dev
    @Edu4Dev3 ай бұрын

    such nice hud n animations

  • @codewithidan
    @codewithidan4 ай бұрын

    I love the visualization and explanation! How have you did these visualizations? looks awesome

  • @Delba

    @Delba

    4 ай бұрын

    Thank you, I use Remotion.

  • @elvispalace
    @elvispalace4 ай бұрын

    amazing animations

  • @uixmat
    @uixmat4 ай бұрын

    OOO Delba u legend, was just reading up on this and u smash a vid online! :D

  • @s1n7ax
    @s1n7ax4 ай бұрын

    Quality content

  • @brianruizy
    @brianruizy4 ай бұрын

    these animations are awesome! Do you do them yourself?

  • @Delba

    @Delba

    4 ай бұрын

    Thank you! Yes :)

  • @jaimel8219
    @jaimel82194 ай бұрын

    Good stuff.

  • @user-nr3xe9ze4i
    @user-nr3xe9ze4i2 ай бұрын

    This video is incredible. thanks for best explanation. How long did it take to make this video?!

  • @Delba

    @Delba

    2 ай бұрын

    Thank you! Centuries.

  • @pablofernandezruiz8024
    @pablofernandezruiz80243 ай бұрын

    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 😄

  • @theriser8751
    @theriser87514 ай бұрын

    Video perfeito! Valeu!

  • @markli7641
    @markli76414 ай бұрын

    love it.👍

  • @Xaphirre
    @Xaphirre4 ай бұрын

    Beautiful

  • @rawallon
    @rawallon4 ай бұрын

    Excelente video, foi bem completo sem entrar em detalhes tecnicos, Vou mandar na minha empresa pra todos verem!

  • @Delba

    @Delba

    4 ай бұрын

    Obrigada, espero que ajude!

  • @KaronatoR
    @KaronatoR3 ай бұрын

    Awesome video! In which program you're doiing this nice-looking animated schemes?

  • @Delba

    @Delba

    3 ай бұрын

    Thanks, I use Remotion.

  • @berkaycirak
    @berkaycirak3 ай бұрын

    That visualizations and visual animation are perfect, which tool do you use for that?

  • @Delba

    @Delba

    3 ай бұрын

    Thanks! I use Remotion

  • @benjaminsombi9519
    @benjaminsombi95194 ай бұрын

    Excellent explanation of the concept. Would you share the tools you used for creating the visualisations and animations?

  • @Delba

    @Delba

    3 ай бұрын

    Thank you, I use Remotion.

  • @benjaminsombi9519

    @benjaminsombi9519

    3 ай бұрын

    @@Delba Thank you.

  • @dananjayachathuranga7113
    @dananjayachathuranga71133 ай бұрын

    thank u