Тёмный

Next.js Visually Explained: Partial Pre-rendering (PPR) 

Delba
Подписаться 18 тыс.
Просмотров 45 тыс.
50% 1

Опубликовано:

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 259   
@real-oppenheimer
@real-oppenheimer 8 месяцев назад
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 8 месяцев назад
billions spent right
@Delba
@Delba 8 месяцев назад
Thank you for saying that, I appreciate it 🙏
@JohnBuildWebsites
@JohnBuildWebsites 7 месяцев назад
The industry needs more creators like you. Such an amazingly clear explanation of these concepts.
@Delba
@Delba 7 месяцев назад
Appreciate you so 🙏
@christophercaldwell6641
@christophercaldwell6641 7 месяцев назад
Next and Vercel should include this in their documentation. Incredibly helpful video, thank you!
@govindpvenu
@govindpvenu Месяц назад
They actually did !!!
@Yadiel458x
@Yadiel458x 8 месяцев назад
This is soooo good I feel like these videos should be included somewhere in the Next.js docs.
@omrajgure4553
@omrajgure4553 14 дней назад
They are
@liendwin
@liendwin 8 месяцев назад
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 5 месяцев назад
cof cof trpc cof cof
@Foused87
@Foused87 7 месяцев назад
The best explanation video I've ever watched in my entire life.
@Delba
@Delba 7 месяцев назад
lol, appreciate you saying so 🙏
@lorisquesado6468
@lorisquesado6468 2 дня назад
I'm gonna be honest, this is the greatest ultra high quality video I've EVER seen on a concept. From the bottom of my IT Heart : Well Done !
@ammarhalees6370
@ammarhalees6370 2 месяца назад
6 years in front-end, and I've never seen such a clear and detail explanatory vid! truly amazing work!
@rewazilol
@rewazilol 29 дней назад
This was so good. Like, incredible. Please keep making these.
@anil97
@anil97 8 месяцев назад
This is one of the best presentation I've ever seen. Not gonna lie.
@pplytas
@pplytas 7 месяцев назад
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 7 месяцев назад
Thank you, I appreciate it.
@nicholasprice5137
@nicholasprice5137 4 месяца назад
WOW. This is legit one of the best produced/explained/illustrated technical explanation videos I’ve ever seen. Wildly good.
@Delba
@Delba 4 месяца назад
Thank you, I appreciate it!
@tauhid97k
@tauhid97k 7 месяцев назад
This is such an an amazing explanation and visualization. Production quality is out of this world. You'll get more subscribers pretty quickly.
@moyezrabbani637
@moyezrabbani637 7 месяцев назад
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 7 месяцев назад
Thank you! Welcome.
@XrVwxLF91Q
@XrVwxLF91Q 8 месяцев назад
Next-level clarity. Really enjoyed this video!
@bibartaks
@bibartaks 8 месяцев назад
Absolutely awesome! Please continue making more videos like this. Love it! 💗
@vandhuymartins9481
@vandhuymartins9481 7 месяцев назад
wow... the content, sound, animations, everything on this video is out of this world! Congratz Delba
@Delba
@Delba 7 месяцев назад
Thank you!
@tradfluteman
@tradfluteman 7 месяцев назад
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 7 месяцев назад
Thank you! In general, this video is about the vision of Partial Prerendering that we're building towards, not about its behavior during alpha.
@greob
@greob 7 месяцев назад
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 7 месяцев назад
Appreciate the kind words 🙏
@Nightizm
@Nightizm 7 месяцев назад
Fantastic, thank you. Please more of these with the awesome visualizations+animations!
@Delba
@Delba 7 месяцев назад
Thanks, I use Remotion.
@saisreenivassonthena9901
@saisreenivassonthena9901 2 месяца назад
I was making sure that, this wasn't an official @nextjs video! Its that smooth! Kudos to everyone behind it, or if its just you, you are GOD level in explaining concepts like this
@saisreenivassonthena9901
@saisreenivassonthena9901 2 месяца назад
and yhea, after many years, a new youtuber I subscribed :D
@MikeMansourTech
@MikeMansourTech 7 месяцев назад
This is the most amazing work I've ever seen in explaining concepts. This is literally raising the bars to the next level.
@stockmarketwizard9781
@stockmarketwizard9781 6 месяцев назад
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
@trueberryless
@trueberryless 7 месяцев назад
This video quality is truly remarkable! ❤
@bluehawkfire55
@bluehawkfire55 5 месяцев назад
These videos just sit well in my brain! Thank you!
@Delba
@Delba 5 месяцев назад
Glad to hear it!
@DominikSipowicz
@DominikSipowicz 8 месяцев назад
This video explains Partial Prerendering really well. These animations are amazing!
@Delba
@Delba 8 месяцев назад
Appreciate it Dom 🙏
@continuouslearner
@continuouslearner 8 месяцев назад
Holy God what did I just watch, this is amazing
@deku_nattsu
@deku_nattsu 7 месяцев назад
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 7 месяцев назад
Thank you! We'll be here :D
@filipniklas
@filipniklas 7 месяцев назад
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!
@tomspatula616
@tomspatula616 6 месяцев назад
Two minutes into the video, and I have immediately clicked the "like" and "subscribe" buttons! Please make more videos on Next.js!
@Delba
@Delba 6 месяцев назад
Glad to hear it, welcome!
@rafaelrcamargo
@rafaelrcamargo 6 месяцев назад
Coming back here for the 20th time, what an amazing explanation!
@Delba
@Delba 6 месяцев назад
Haha, thanks!
@nicholaschu203
@nicholaschu203 5 месяцев назад
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!
@freenrg888
@freenrg888 4 месяца назад
The visuals are astonishing. Fantastic work, Delba.
@Delba
@Delba 4 месяца назад
Thank you!
@MyBrainForYou
@MyBrainForYou 5 месяцев назад
Never have I understood the concepts such beautifully. Found another great mentor. No Cap.
@Delba
@Delba 5 месяцев назад
🤛
@hifzazafar9307
@hifzazafar9307 6 месяцев назад
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 6 месяцев назад
Thank you!
@govindpvenu
@govindpvenu Месяц назад
This should be on Next.js home page. The visual quality is dope. Edit:Turns out they aleady have this in the docs :)
@SamSedighian
@SamSedighian 2 месяца назад
This has to be the best video explanation on the topic 👏🏼
@CharlieKiloSierra8893
@CharlieKiloSierra8893 7 месяцев назад
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 7 месяцев назад
Thank you!
@amanmavai99
@amanmavai99 6 месяцев назад
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.
@gauravr4127
@gauravr4127 7 месяцев назад
Wow! Such a brilliant way to illustrate complex ideas and explain. Music + Illustration + Narration is perfect. I wish to see more from you and I'd love this to be on @nextjs official documents
@Delba
@Delba 7 месяцев назад
Thank you! Working on it.
@emilia1520
@emilia1520 5 месяцев назад
This was so cool! Fantastic visualization and telling of web history! That's a sub for sure!
@Delba
@Delba 5 месяцев назад
Thanks, welcome!
@devanshgarg31
@devanshgarg31 19 дней назад
DAMN. THE BEST VIDEO ON CSR, SSR
@smithrockford-dv1nb
@smithrockford-dv1nb 3 месяца назад
Wait, this is not a video from Vercel themselves? Wow, your speaking, animation, and video editing skills are top notch!
@MuhammadHaseebAhmed
@MuhammadHaseebAhmed 7 месяцев назад
ngl even Lee Robinson was not able to deliver concepts of PPR as you did . amazing !
@Delba
@Delba 7 месяцев назад
We work together :P He gave feedback that made this better.
@hankersoree
@hankersoree 6 месяцев назад
please upload more content. i love the way you explain ❤
@jimmyj.6792
@jimmyj.6792 7 месяцев назад
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 7 месяцев назад
Thank you! Glad to hear it.
@SumanthPagidipalli
@SumanthPagidipalli 7 месяцев назад
Quality of the video is top notch. Rowdy salute to @Delba
@anbarasu1997
@anbarasu1997 7 месяцев назад
Beautifully explained. Animation is so intuitive. Keep it up!
@haithamaleryani8279
@haithamaleryani8279 7 месяцев назад
The BEST Tutorial I ever seen .
@drujas
@drujas 7 месяцев назад
Seria genial ver otros topicos de react y next explicados de esta forma. Una joya. Buen trabajo.
@awksomeid6965
@awksomeid6965 7 месяцев назад
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 7 месяцев назад
Haha, thank you for the kind words. And welcome!
@radosvet93
@radosvet93 5 месяцев назад
Amazing explanation, and the graphics and animations are very well made, thanks
@48595157484812
@48595157484812 7 месяцев назад
good pace, good visuals, thank you for the video
@azizsafudin
@azizsafudin 7 месяцев назад
Brilliant content
@codeChuck
@codeChuck 7 месяцев назад
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 7 месяцев назад
We tackle the same problems from different angles.
@NarcisMM
@NarcisMM 7 месяцев назад
This was a great presentation
@xavimc9794
@xavimc9794 6 месяцев назад
Very good explained, thanks for the video! New subscriber from spain!
@Delba
@Delba 6 месяцев назад
Thank you. Welcome!
@ignacior98
@ignacior98 7 месяцев назад
Incredibly helpful explanation
@Delba
@Delba 7 месяцев назад
Glad to hear it!
@essawy897
@essawy897 7 месяцев назад
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 7 месяцев назад
Welcome! Perhaps in the future, working on next.js / react videos for a bit.
@TheAkiller101
@TheAkiller101 7 месяцев назад
absolutely love your style of explanation
@mdrakibul4052
@mdrakibul4052 6 месяцев назад
thank you very much for excellent explanation 💗
@ZainRamzan-pt8cm
@ZainRamzan-pt8cm 8 месяцев назад
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
@ronrupp_
@ronrupp_ Месяц назад
love those visuals!
@bat-erdenekhashbat1205
@bat-erdenekhashbat1205 7 месяцев назад
content quality is perfect. thanks
@b3rking
@b3rking 8 месяцев назад
this what we call understading and knowing a subject! Great no the animation and explanation, soo.. im subscribing
@Delba
@Delba 8 месяцев назад
Thank you. Welcome!
@Johnny-rf4iu
@Johnny-rf4iu 7 месяцев назад
Wow the explaination and visualization
@markusfeljofsen8345
@markusfeljofsen8345 7 месяцев назад
Very good explanation
@mcCorn6478
@mcCorn6478 7 месяцев назад
Wow, you did an amazing job explaining this. Thank you
@AlwaysWeb
@AlwaysWeb 7 месяцев назад
💯💯💯 The best videos explaining nextjs
@amirreza3638
@amirreza3638 7 месяцев назад
Your content is great! Keep it up👌
@faraonch
@faraonch 8 месяцев назад
Keep going with your videos! You have a talent in explaining!
@taiwojolomi
@taiwojolomi 7 месяцев назад
This is really nice... It was explain really well... Kudos Delba
@Delba
@Delba 7 месяцев назад
Glad to hear it!
@nathanlazo814
@nathanlazo814 7 месяцев назад
The best video I've ever seen!!!
@pablofernandezruiz8024
@pablofernandezruiz8024 7 месяцев назад
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 😄
@aaditya_ai
@aaditya_ai 8 месяцев назад
Keep em coming! Loving these type of videos 🎉❤
@rafishaik503
@rafishaik503 8 месяцев назад
Wonderful explanation with beautiful slides. ❤
@stefan1397
@stefan1397 6 месяцев назад
Excellent video! Very well made!
7 месяцев назад
Amazing presentation, and very good featured.
@MilindMishra
@MilindMishra 8 месяцев назад
wow so amazing! kudos to the effort building this!
@Delba
@Delba 8 месяцев назад
Thank you so much!
@taffoo
@taffoo 3 месяца назад
Delba! Do you want to share how you do videos like this ?!?!? If I ever would make my own youtube videos they should either be of this quality or I better NOT DARE ever publish a video. Amazing presentation! Keep the videos coming, I subscribed! 🤩
@fauzanr..
@fauzanr.. 7 месяцев назад
the visualization is so good
@jordinodejs3291
@jordinodejs3291 7 месяцев назад
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 7 месяцев назад
Thanks, I use remotion.
@KartikKaushik-n7q
@KartikKaushik-n7q 2 месяца назад
best explanation
@juanferrer5885
@juanferrer5885 8 месяцев назад
Thats an amazing explanation, great video!
@InternetThe
@InternetThe 8 месяцев назад
10/10 video, great job. Thanks!
@manmandangdang
@manmandangdang 8 месяцев назад
That was fantastic! I hit subscribe right after watching it.
@Delba
@Delba 8 месяцев назад
Thanks, welcome!
@jatul28
@jatul28 8 месяцев назад
Loved your videos and the visuals are amazing
@Jiwoo-d4z
@Jiwoo-d4z 6 месяцев назад
This video is incredible. thanks for best explanation. How long did it take to make this video?!
@Delba
@Delba 6 месяцев назад
Thank you! Centuries.
@molcay8355
@molcay8355 3 месяца назад
Amazing video! Incredible explanation. May I ask if there are any specific tool or after effects plugin you (or the animator) use for these videos?
@Delba
@Delba 3 месяца назад
Thank you, I use Remotion ☺️
@rawallon
@rawallon 8 месяцев назад
Excelente video, foi bem completo sem entrar em detalhes tecnicos, Vou mandar na minha empresa pra todos verem!
@Delba
@Delba 8 месяцев назад
Obrigada, espero que ajude!
@81NARY
@81NARY 8 месяцев назад
Please do a video or write a post on how you create these animations with remotion!
@alexjohnson-bassworship3150
@alexjohnson-bassworship3150 8 месяцев назад
Fantastic explanation!!
@uchennaofoma4624
@uchennaofoma4624 3 месяца назад
Amazing video
@hectondomingos3264
@hectondomingos3264 7 месяцев назад
Well made video.
@dinesh28
@dinesh28 8 месяцев назад
Great explanation and presentation. Subscribed.
@Delba
@Delba 8 месяцев назад
Welcome 🙏
@thefullstackproject
@thefullstackproject 8 месяцев назад
I wonder how you create these awsome visualizations. Great work!!
@Delba
@Delba 8 месяцев назад
Thanks, I use Remotion.
@slyracoon23
@slyracoon23 7 месяцев назад
Do you do any post editing software as well?
@brunops_music
@brunops_music 5 месяцев назад
This is so good, obrigado!
@Edu4Dev
@Edu4Dev 7 месяцев назад
such nice hud n animations
@Ayoubased
@Ayoubased 8 месяцев назад
Delba, do you ever find yourself caught between the desire to create more content and the temptation to spend extra time perfecting a single video because you know you're capable of producing something even better, yet still eager to produce more?
@Delba
@Delba 8 месяцев назад
All. The. Time.
@EmmanuelOdii80
@EmmanuelOdii80 День назад
You should receive an award from Vercel.
Далее
ShadCN’s Revolutionary New CLI
12:11
Просмотров 47 тыс.
Kenji's Sushi Shop Showdown - Brawl Stars Animation
01:55
Свожу все свои тату (abricoss_a_tyt)
00:35
10 common mistakes with the Next.js App Router
20:37
Просмотров 215 тыс.
The Cloudflare Stack
13:26
Просмотров 3,7 тыс.
Microservices are Technical Debt
31:59
Просмотров 267 тыс.
Introduction to Next.js and React
1:21:38
Просмотров 65 тыс.
10 Rendering Patterns for Web Apps
6:55
Просмотров 335 тыс.