The Story of Next.js

  Переглядів 527,439

uidotdev

uidotdev

2 роки тому

This is the story of how Next.js took over the world.

КОМЕНТАРІ: 817
@hassaniyouness8024
@hassaniyouness8024 2 роки тому
what I love about this series is how it combines the history and evolution of a problem so you can see very clearly why we ended up here, great work Tyler!
@uidotdev
@uidotdev 2 роки тому
Thank you so much!
@theMadZakuPilot
@theMadZakuPilot 2 роки тому
I fully agree.
@masternobody1896
@masternobody1896 2 роки тому
@@uidotdev nice
@AmanGupta_Dev
@AmanGupta_Dev 2 роки тому
True that !
@HermanWillems
@HermanWillems 2 роки тому
And here we are writing front end with Rust compiled to webassembly
@daveisdead
@daveisdead 2 роки тому
I’ve been a nextjs developer for the last year and I am blown away how developer friendly it is. Every feature is better than the last
@uidotdev
@uidotdev 2 роки тому
Agree. Thanks for watching!
@daveisdead
@daveisdead 2 роки тому
@@uidotdev your channel is going to blow up! Your production value is through the roof and content is amazing. Gonna hit 500k before you know it
@ayandak47
@ayandak47 2 роки тому
Ca I check out what you have built? I am just about to build an events site with Strapi back end for Auth and cloudinary integration.
@atoledo
@atoledo 2 роки тому
Tyler, you're like a companion for all of us technologist overwhelmed and fatigued by the vast amount of technological desicions we have to make every day. Thank you!
@uidotdev
@uidotdev 2 роки тому
Thank you so much for the kind words. ❤️
@imtanuki4106
@imtanuki4106 Рік тому
You have a real gift for explaining complex topics simply...and coherently...and conceptually. You would make a fortune if you created a series on JS and frameworks.
@yewo.m
@yewo.m Рік тому
I really like your videos, especially your most recent ones, which are more like storytelling. I feel like the programming videos on UKposts are mostly full of tutorials, and there are less videos which look at things from a higher-level perspective as these ones do. Awesome work
@ArrigoLupori
@ArrigoLupori 2 роки тому
This is incredibly good. I think it's the first time ever that I took notes on a UKposts video that wasn't supposed to be a study subject. You packed SO MUCH VALUE in 12 minutes, I can tell the insane amount of research behind it. Honestly, I'm impressed. I think I might have a new favorite channel :D
@uidotdev
@uidotdev 2 роки тому
That means so much. Thank you!
@Zealwind
@Zealwind 2 роки тому
Same here. Amazing content.
@christopherappleby7453
@christopherappleby7453 11 місяців тому
Dude exact same. Eloquent, concise, and extremely informative. Mandatory subscription.
@aksh1618
@aksh1618 2 роки тому
Wow this was amazing! As a backend developer whose exposure to the JS world has unfortunately mostly been through complaints of how bad it is, this makes me want to fire up a Next.js application right away and get started with exploring this whole new world!
@uidotdev
@uidotdev 2 роки тому
So glad you enjoyed it!
@mrkinetic
@mrkinetic Рік тому
I like when people complain about JS. It's good for my job security. :D
@minierparedes5177
@minierparedes5177 2 роки тому
Your narration and the pace with which you provide us the information about the subject matter make these the best documentary series!
@uidotdev
@uidotdev 2 роки тому
That means a lot. Thank you!
@dair4245
@dair4245 2 роки тому
this video is so great. as a webdev novice who came through the coding bootcamp pipeline, feeling a bit bewildered about everything going on in the landscape of webdev, this gives an essential look at the history of "what" i've been doing and why i am doing it. new devs are exposed to so many different technologies and stacks nowadays that i feel most of us have no idea why we use one thing as opposed to another. this video definitely provides clarity to novices about what the thought within the webdev community as a whole has been that has lead us to this point. thanks you for this content!
@uidotdev
@uidotdev 2 роки тому
That means so much. I'm so happy to hear it was helpful.
@intenzi69
@intenzi69 2 роки тому
If I may ask, could you tell a bit about what your coding bootcamp's curriculum was.. For example what languages it covered, how long the duration of it was, etc I am a beginner + self-taught programmer and would definitely like having some hands-on information about what I should be going for when learning js and other topics for tech stacks and how!
@dfuzerz
@dfuzerz Рік тому
Even though I started developping web stuff when I was 16 years old (I'm 21) it has always been hard for me to understand what every technology does, what problem it solves and how everything fits together. This video explains everything perfectly and I'm thankful I watched it. Thanks a lot !!
@BaldeepSingh24
@BaldeepSingh24 2 роки тому
Your work and this series is a masterpiece! The amount of reserach and work that would go into making such videos would be insane... And then you present it with so well, great work man!!
@uidotdev
@uidotdev 2 роки тому
Thanks so much!
@codinginflow
@codinginflow Рік тому
I love NextJS for how simple iot makes sever-side rendering with getStaticProps and getServerSideProps. It's so intuitive. SWR is also great.
@Utopy34
@Utopy34 2 роки тому
Awesome video! I've been a professional AngularJS then Angular developer for the past 10 years and I'm shifting towards NextJS because I really think this is the future of web apps. The simplicity of nextJS is just stunning, you don't have to create lambda functions and build an entire API gateway in AWS to get things going. Combining it with Prisma and PlanetScale is just absolutely amazing. We are also finally moving away from Redux and towards smart key-based stale-while-revalidate caching mechanisms that make the UI even faster and simplify the development further. Soo soo good! Best time to be a web dev!
@uidotdev
@uidotdev 2 роки тому
Agree!
@ulisesavila2879
@ulisesavila2879 2 роки тому
In another perspective I am tired of the fragile nature of react ecosystem and I am trying to divorce from it jumping to angular. Granted I have not tried next
@Utopy34
@Utopy34 2 роки тому
​@@ulisesavila2879 It actually depends on which projects you want to work on. For enterprise clients you need angular and will mostly build large/complex B2B or SaaS products following strict angular conventions and SOLID design patterns. That's what I've been doing and it pays really well. For startups or complex B2C projects React or NextJS are better but the code will be harder to maintain and the quality will likely degrade over time especially with new hires. These technologies don't compete with each other, they serve different needs on the market!
@brentsteyn6671
@brentsteyn6671 2 роки тому
Svelte is better.
@coolhunter3
@coolhunter3 Рік тому
@@brentsteyn6671 Good luck finding a job with Svelte though.
@FinnReinhardt
@FinnReinhardt 2 роки тому
Lovely content. You just keep on delivering. I knew when I saw your first Video at just around a few thousand subscribers, your hard work would pay off!
@uidotdev
@uidotdev 2 роки тому
Thanks for the continued support Finn! ❤
@Chris-zt4ol
@Chris-zt4ol 2 роки тому
There is so much more to Next.js which makes it super awesome. I spent the last week or so to read through the entire documentation because its fascination me so much what great features especially with version 12 it offers and how much attention to detail is put into it.
@uidotdev
@uidotdev 2 роки тому
Agree!
@SportTechNomad
@SportTechNomad 2 роки тому
Hi Tyler, You got a sub. Really amazing breaking it down into pieces so that we could clearly understand what problem did we get and ultimately the solution was produced. Thanks so much for creating a really helpful video without the talks of here and there.
@uidotdev
@uidotdev 2 роки тому
So glad you enjoyed it!
@daniel29009
@daniel29009 2 роки тому
Fantastic work, thank you! Love the way you present historic content. For react, what most people overlook is the fact that is all js, not modified markup or fancy css slang. I value it a lot after years of suffering through jsp world. That's why vue and angular can never compete with react in my eyes.
@uidotdev
@uidotdev 2 роки тому
Agree!
@udev6707
@udev6707 2 роки тому
@Denis you really need to check NuxtJS, I bet you will love it (ukposts.info/have/v-deo/pp-iYZB_i3pjpJs.html)
@chrisl2773
@chrisl2773 Рік тому
It's absolutely phenomal the rate at which the technology industry continues to grow. I remember when React started to gain traction, then the introduction to Next.js and now even frameworks that go even further beyond to solve the drawbacks of Next.js and so the introduction to frameworks like Remix have been made. Absolutely love it at the same time though :D
@sle6423
@sle6423 2 роки тому
Love all this historical context. So rare to see it discussed, and so well to boot!
@uidotdev
@uidotdev 2 роки тому
Thank you!
@wlockuz4467
@wlockuz4467 Рік тому
I think I found a goldmine of channel! Keep up the great work!
@dubola5777
@dubola5777 Рік тому
I wanted it to be longer because i enjoyed every minute of it. Thank you!
@uidotdev
@uidotdev Рік тому
❤️
@froggologies
@froggologies 2 роки тому
Nice content, dude! It would be great if the next video was about CSS frameworks or libraries. You have done Typescript, React, Next.js, so I am looking forward to it.
@uidotdev
@uidotdev 2 роки тому
Good idea!
@mayurkumar2127
@mayurkumar2127 2 роки тому
Why tailwind css won 😏
@froggologies
@froggologies 2 роки тому
@@mayurkumar2127 Well, I certainly hope so. But either way, I like to see how he make content out of it.
@mirzaarabferuvian136
@mirzaarabferuvian136 2 роки тому
I was frustrated for the past 3 months, as I have nothing to do in my spare time beside gaming. Just found out your channel yesterday and immediately subs with notification on. Thank you for giving me purpose to fill my spare time beside just mindlessly watching youtube short or and instagram
@uidotdev
@uidotdev 2 роки тому
So glad you find it helpful!
@busyrand
@busyrand 2 роки тому
You've managed to answer the "Why" behind the existence of this technology, which is something I've never heard explained well. Javascript frameworks have such annoying mania that I could never tell whether something was a real, viable technology or not. Very well done.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@SteveShaffer
@SteveShaffer Рік тому
What a lovely and accurate and engaging and well-produced video. Well done!
@mr-skorpion
@mr-skorpion Рік тому
A very well put together video, enjoyed and learnt a few things. NextJS is definitely one of the best things to happen to front-end development in recent times. I love working with Next and emotion to make fast, reactive SPAs 🌸
@uidotdev
@uidotdev Рік тому
Thanks for watching!
@samydjemai927
@samydjemai927 Рік тому
Amazing content! i always struggle to explain the 'why ' of some technologies to my students. I'm now suggesting your videos.
@uidotdev
@uidotdev Рік тому
So glad it was helpful.
@aryamankukal1056
@aryamankukal1056 2 роки тому
this is srsly amazing; all this content is hella quality and I enjoy these videos a lot; keep it up!!
@uidotdev
@uidotdev 2 роки тому
Thank you!
@tony_wxyz
@tony_wxyz 2 роки тому
Hey uitodev, just want to say this video was amazing. You are on the same level as fireship in terms of content and how you break it down. One day you will have over a million subs, you deserve it! Thanks.
@uidotdev
@uidotdev 2 роки тому
That means so much. Thank you!
@ghaznavipc
@ghaznavipc 2 роки тому
this video was better than fireship. fireship is good but tells things faster than my understanding...
@akejron1
@akejron1 Рік тому
@@ghaznavipc you do know you can change playback speed right? I like this fast pace, sometimes i do ahve to slow it down tho
@ghaznavipc
@ghaznavipc Рік тому
@@akejron1 I don't like to say bad things about fireship contents... but explanation of this video was way better and I understand it way better. it's not just about speed only
@ChocolateMilkCultLeader
@ChocolateMilkCultLeader 2 роки тому
Shared this with the readers of my coding based newsletter. Keep up the good work. Will be following your content very closely
@uidotdev
@uidotdev 2 роки тому
Thanks so much! Glad you enjoyed it.
@stey
@stey 2 роки тому
This is such a well-narrated & produced video! Great job!!
@uidotdev
@uidotdev 2 роки тому
Thank you Steven!
@clarktolosa
@clarktolosa 2 роки тому
hope u make more of these! loved the visuals
@uidotdev
@uidotdev 2 роки тому
That's our plan. Thanks for watching!
@kraavok
@kraavok 2 роки тому
Excellent video! Well thought out and loving the animations to describe your points
@uidotdev
@uidotdev 2 роки тому
Thank you!
@romanvinogradovby
@romanvinogradovby Рік тому
It. Just. Brilliant. Masterpiece. Have no more words. Love the narrative style with all the video inserts from the past and present. You have covered the subject in great details. Thanks!
@uidotdev
@uidotdev Рік тому
So glad you enjoyed it!
@nathanrey
@nathanrey 2 роки тому
Uploading this as a podcast would help me through my day
@uidotdev
@uidotdev 2 роки тому
Not a bad idea
@robertodelgado1234
@robertodelgado1234 2 роки тому
Your signal to noise ratio is incredible. Great work.
@uidotdev
@uidotdev 2 роки тому
That's high praise! Thank you.
@hyperupcall
@hyperupcall 2 роки тому
Funny how Webpack gets that reputation - as a beginner programmer with only a small Electron app under my belt, it literally took a week to get a working Webpack configuration to do what I want (VueJS instead of React). Now, with my current experience, it doesn't seem _that_ bad - only time consuming. Overall, great video! One thing that I think was left out was the mention of Douglas Crockford and Google Maps. Douglas Crockford was one of the earliest people to use JavaScript for serious large apps in production, even before Google Maps. And Google Map really proved to the masses that it was possible to do great things with JavaScript
@JohnBartmannMusic
@JohnBartmannMusic Рік тому
historical storytelling meets tutorial. new fav channel.
@dlongodesign7026
@dlongodesign7026 2 роки тому
I fell in love with NextJS, now I love it even more! Thank you for this video!
@uidotdev
@uidotdev 2 роки тому
Thanks for watching!
@nonlinearfruit8065
@nonlinearfruit8065 2 роки тому
Super helpful. Thank you! A piece of technical feedback: It would be super helpful to share links to the source material for further research. Techlore does this with markdown file in a git repo (which I love) but even just in the video description would be great. Again, great video. The effort shows in the historical sources. Thank you and thank you for siting sources on screen, that is great!
@uidotdev
@uidotdev 2 роки тому
Great suggestion!
@Agalin920
@Agalin920 2 роки тому
Amazing video. Fantastic visuals and clean explanations. Please keep it up. I can see this channel becoming the next fireship.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@kemekenneth
@kemekenneth 2 роки тому
"If you're really kinky you could pick the webpack docs for your punishment of choice" 😂 Love the storytelling and narration, and the subtle humour.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@rahulmutreja
@rahulmutreja 2 роки тому
The way you presented the whole video was 🤌🏼. It would be great if you could do a next.js vs remix comparison.
@uidotdev
@uidotdev 2 роки тому
Thank you! That's on our radar.
@Taaz2
@Taaz2 2 роки тому
I am a web backend engineer and it obviously comes with it's own culture like absolute disdain for anything frontal. Though, your videos, especially how you always explain the history of each project and it's building blocks, in a concise way is something I will gladly enjoy. Awesome work.
@uidotdev
@uidotdev 2 роки тому
That's the highest compliment I could receive. Thank you!
@jpierce2l33t
@jpierce2l33t 2 роки тому
Ugh me too. All this Javascript garbage makes me sick, I can't believe people actually wanna use it server side now. But this video navigated thru the absolute mess that is the framework jungle quite well, while simultaneously reaffirming my feelings about front end work 🤦‍♂️🤣 - great video though, really!
@uidotdev
@uidotdev 2 роки тому
@@jpierce2l33t I'll take it!
@jpierce2l33t
@jpierce2l33t 2 роки тому
@@uidotdev I mean honestly, I've never made it more than 5 minutes in of legit trying to grep front end stuff without going cross-eyed and promptly stopping...and you clearly explained a lot of it very well, in just a short video. Kudos to you!
@hbp_
@hbp_ 2 роки тому
Nice video, sums up the core ideas like they were. Though, you make it seem like it was an overnight revolution 😁 Also Vercel's platform makes a big part of the story with all the integrations and things that were previously hard to implement with a small dev team. (in my biased opinion)
@galaparadi
@galaparadi 2 роки тому
i really love content with this kind of format. Keep it up.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@eric.m5790
@eric.m5790 2 роки тому
love this video and i love nextjs. I hope the react community takes on nextjs as the standard way of building react apps
@uidotdev
@uidotdev 2 роки тому
Thanks for watching!
@rodsimon7
@rodsimon7 2 роки тому
Binged all the "Story of..." videos. Awesome stuff. Will check out your other works. Subscribed.
@uidotdev
@uidotdev 2 роки тому
So glad you found them helpful!
@theMadZakuPilot
@theMadZakuPilot 2 роки тому
I like how you always include the history.
@uidotdev
@uidotdev 2 роки тому
Thank you! ❤️
@thomasbergamin8405
@thomasbergamin8405 2 роки тому
This is exactly what I needed. Thanks for your great work, your videos are premium quality contents 👏
@uidotdev
@uidotdev 2 роки тому
You're very welcome! Glad it was helpful.
@apresthus87
@apresthus87 2 роки тому
NextJS quickly became my go to dev framework for building web apps after giving it a go in a smaller project. I have since ported all my large projects over from vanilla react to NextJS as well. I just love the versatility it gives you and I love essentially having a node server and server rendered pages available whenever I need it. It's so nice to build out API's for my web apps without having to jump back and forth.
@uidotdev
@uidotdev 2 роки тому
Agree. Thanks for watching!
@smtkumar007
@smtkumar007 2 роки тому
i am just curious since i am a laravel dev , what does nextjs gives that laravel with vuejs spa doesn't..?
@apresthus87
@apresthus87 2 роки тому
@@smtkumar007 Can't really say since I haven't used laravel (it's a php backend no?) . NextJS is great for those that use a React and NodeJS stack, like myself. And I really like the fact that you can do server rendered, client rendered or inbetween on a page by page basis with ease without the need for an external server or additional dependencies.
@SergiobgEngineer
@SergiobgEngineer 2 роки тому
@@smtkumar007 Laravel is a more complete framework for backend than nextjs intends to be. Middlewares are stronger in laravel, nextjs doesn't come with out of the box websockets implementation and such. Nextjs can be used with laravel as a front end framework. It gives you the ability to prerender pages, deliver them staticaly and it has its own routing solution and that allows you to use laravel's routes only for the APIs it exposes. So you don't need to, necessarily, look at nextjs as a competitor to laravel. Even in laravels documentation, nextjs is already listed as one of the most common ways to create UI for laravel. But nextjs also brings the ability to create APIs and have middlewares albeit those are way less powerful and opinionated than laravel's. There are times when you'll want to use nextjs with laravel and times when it is best to use it alone. Applications that don't need websockets and communicate mainly through REST APis are easily and quickly developed through nextjs without bringing a backend framework to supplement the areas where nextjs lacks. The one js framework, which could be considered a "competitor" to laravel, is NestJs.(notice the 'S' instead of an 'X') NeXt, on the other hand, fits very well with laravel as an extra framework. In laravel's ecosystem, it would be a competition to Inertia+React/Vue adapters. But Next brings possibilities that Inertia simply doesn't have for now.
@Light-nn6hn
@Light-nn6hn 2 роки тому
@Alexander Presthus could u explain what the *API's for my web app without having to jump back and fourth* part mean? i know what an API is but that sentence made me confused, thank you
@kermitdavis7452
@kermitdavis7452 2 роки тому
Svelte is already what everyone is moving to and it is the best thing to happen to web development since JQuery IMO.
@bradyfractal6653
@bradyfractal6653 2 роки тому
Yupppp Sveltekit is much better
@uidotdev
@uidotdev 2 роки тому
Svelte is great too.
@Ivcota
@Ivcota 2 роки тому
@@bradyfractal6653 Sveltkit isn't ready for production (for hiring companies) unfortunately. Ecosystem is weak but it'll be there soon. I'm jumping to the Svelte ship as soon as I see more jobs becoming available for it 😁
@Noah-vm8id
@Noah-vm8id 2 роки тому
NextJS is love, thank you Vercel 🙏
@wishmeheaven
@wishmeheaven 2 місяці тому
I just saw this video, and I did what I never do: even before entering this video - I entered the channel. Then, read few video titles, and immediately, not as ever before, subscribed... Without even seeing a single video. Only then I've found myself here. But not before I see that there is no new content in this channel for a long while now. Why? You've something truly cool in your hands! A great concept, a great content, a great approach, a great editing, a great perspective... Maintaining an active dynamic channel is a challenge, but as a person who appreciates quality - I must say: Do appreciate your creation and keep uploading a new content. I wish you the best of luck. You're awesome. Just make sure to show it much more often..
@uidotdev
@uidotdev Місяць тому
We'll be back soon!
@VROOOMIN
@VROOOMIN Рік тому
wow love it, thanks for making this great vid on Next!!
@rogerr5327
@rogerr5327 2 роки тому
Wow! High quality content!!!!! Excellent video, you kept me hooked all the way. Very nice animations also, it was perfecto
@uidotdev
@uidotdev 2 роки тому
Thank you!
@coderized
@coderized 2 роки тому
Always great to learn more about the history of React!
@uidotdev
@uidotdev 2 роки тому
Glad you enjoyed it!
@arthtyagi
@arthtyagi Рік тому
SPAs are pretty cool and have valid use-case when you're actually building an "app" (not a website), just make sure to use Vite (or something like Vite) cause that does tackle the issue brought up (large bundle sizes slowing down initial render).
@codewithguillaume
@codewithguillaume Рік тому
This video is truly amazing. And true. Next.js though is not the only one today to carry such an offer and often some of other frameworks are doing better in my opinion such as Sveltekit or Nuxt. Thanks for this video !
@sidneylc28
@sidneylc28 2 роки тому
This is top notch quality, I'm really glad I found your channel. I know you are into js, but can you make a video about the story of c# from the beginning to what it is now? From similarity to Java to maui and so on
@uidotdev
@uidotdev 2 роки тому
Thank you Sidney! We definitely plan on exploring things outside of JS, but it'll be a while since it's not what we're familiar with.
@Altroo
@Altroo Рік тому
Best history video lol, keep it up. Can't wait for a react native same style video
@ksato3991
@ksato3991 2 роки тому
U really hit it out of the ball park with this one!! If anyone asks me what Next is, I’ll just show them this vid from now on.
@uidotdev
@uidotdev 2 роки тому
That means so much. Thanks for watching!
@andreas_tech
@andreas_tech 2 роки тому
straight sub. love this graphical / visual approach.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@boian-inavov
@boian-inavov 2 роки тому
Next.js is definitely not alone in the static world, but the general concept of pre-packaging static files and just shipping the already processed files is a revolution in page load, speed of development and cost.
@uidotdev
@uidotdev 2 роки тому
Agree. Thanks for watching!
@rossgeography
@rossgeography Рік тому
Came up in my feed - GREAT VIDEO!
@create_space812
@create_space812 2 роки тому
this video is epic. thanks for putting this together!
@uidotdev
@uidotdev 2 роки тому
Glad you enjoyed it!
@truvc
@truvc 2 роки тому
Isomorphic apps are amazing. This year is going to be an amazing year for the web. Page transitions, new color spaces, reactive programming and isomorphic apps will make web apps better than ever.
@uidotdev
@uidotdev 2 роки тому
Agree!
@ankk98
@ankk98 2 місяці тому
Your clarity of thought is impressive
@ehsaaschaudhary9298
@ehsaaschaudhary9298 Рік тому
Now I am convinced that I should learn next as my next choice of framework as I already am aware with react
@DB-zv5ro
@DB-zv5ro Рік тому
I've watched some of your videos, and love the presentation and animation. If it's something you're comfortable sharing, could you share what tool you used to build the animations in the video? For example, like the ones at 10:05 (animation on the left, code on right)
@wealthassistant
@wealthassistant 3 місяці тому
In the late 2010s I switch from frontend work to backend work because I just couldn’t stand it anymore. 2 months ago I started learning Next with no background in SPAs or React and it has brought back the joy of web development to me. This video is more than a year old now and holds up well but there have already been many more great innovations added to Next like App Router, React Server Components, Streaming or Server Actions
@riddixdan5572
@riddixdan5572 2 роки тому
I lovethe quality on this video. awesome content.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@tytrdev
@tytrdev 2 роки тому
Fantastic content. I recently started mentoring my best friend 1:1 (a very serious, structured mentorship) to help him get into app development and software engineering. Early on I told him that one of the most important things is just mindset and perspective. Not just mechanical skills. This includes learning the history of where we are now and how we got here. Just understanding how react let’s you handle state is not enough to go make good software. I’ve consulted on react apps that were the craziest mess of spindly, spiderwebby chaos you can imagine. And I’ve worked with COBOL code bases that were actually quite pleasant (at least once you’ve gotten over the shock of COBOL…). The value Understanding the progression in web history from chaotic jquery state/view complecting to the modern philosophy of views being a function of state, it just can’t be overstated. Just really love these videos because I feel like I can hand them off to my mentees who are still fairly green and they get a massive amount of benefit out of it. Great work here. As an extension to this I think it would be great to see something like this that explores the more theoretical side of things. Like entscheidungsproblem and the Turing/church era. There’s a lot of wisdom to be extrapolated from the history there without getting bogged down by the technical complexity. Sorry I’m ranting. Really just wanted to say top notch content. This context is legitimately helpful for real humans and you are doing great work. Keep it up!
@uidotdev
@uidotdev 2 роки тому
That was a lovely rant to read and I think you're totally right. Thanks for the kind words and suggestions!
@MinnoqWV
@MinnoqWV 2 роки тому
A common criticism of development careers is that people often say that it's really difficult to keep up with learning the latest frameworks, technologies, etc. It's not a totally unfair point, but I've always felt that they mostly just keep making life easier! I suppose there's some growing pains along the way, but ultimately I love seeing what new stuff the geniuses have come up with
@uidotdev
@uidotdev 2 роки тому
Totally agree
@ontheruntonowhere
@ontheruntonowhere Рік тому
They make life easier if you're fortunate to pick the correct (read: has longevity and community support) framework to spend dozens of (typically unpaid) hours learning. But that process of picking becomes quite stressful when there are 1) dozens of frameworks to choose from and everyone is constantly jumping to the next shiny thing, only to abandon it after a single project, leading to 2) lots of legacy dreck that some poor developer (typically me) has to reverse engineer and fix, hopefully with the correct framework this time.
@junaiderade3975
@junaiderade3975 3 місяці тому
this is one of the best web dev videos i've ever seen.
@akashchoudhary8162
@akashchoudhary8162 2 роки тому
Damn. There was once a time where Apple was supportive of web apps and now there's a time where Apple doesn't let PWAs to be published directly via the App Store.
@uidotdev
@uidotdev 2 роки тому
Sadly true
@user-cu4bk2gm6q
@user-cu4bk2gm6q 2 роки тому
Apple killed web apps, instead of making their browser better or solution, there introduced native apps. Remember the popular term, "there's an app for that"? Practically, many web apps has to built a native version and for different platform. Now, let think about the history before web apps, there're desktop app (aka native apps on mobile) and we have to built for different platform, install it and so on. Then came web apps, many native apps migrated to web apps. Then came iPhone and due to the limitation of it's browser, they bring back native apps and every web apps were forced to built native versions and back to the old days, you had to maintain different versions for different platforms, hire different developers, the need to install and so on. PWA or modern web apps were trying to solve this problem, why do we need to built native apps at all (unless it's really the nature or required). Media players or those kind of devices, make sense to have special app built since it has limited user control and was never meant to be a mobile computer. Smartphone on the other hand was totally a different story, it was invented as a mobile computer and a phone in 1 device. In the past, we needed to carry 2 or more devices, a phone , pocket PC and probably a laptop. Anyway, even before PWA, there were many attempts to resolve this like a hybrid app, where you have an app container which render web content. However, everything was messy, no standardization and so on.
@keent
@keent 2 роки тому
it's ironic because most of their apps are WebViews. You can even force to inspect element on the Settings app on macOS
@thewiirocks
@thewiirocks 2 роки тому
@@user-cu4bk2gm6q In fairness, the market pretty much forced Apple’s hand. Hackers created an app store before Apple did and many iPhone users were jailbreaking their phone to get it. So Apple introduced an app store long before the hardware was ready for it. (The original iPhone hardware was massively underpowered for anything other than its default apps.)
@user-cu4bk2gm6q
@user-cu4bk2gm6q 2 роки тому
@@thewiirocks the irony that users paid premium to a device that they only get a very limited account like a Guest account where they could only use apps. Imagine buying a MacBook and you can only use the browser and the app store. To be fair, without the App store and apps from Apple, many people wouldn't have switch to iPhone. It was the apps that attracted people. Back in the days, we have many better smartphones that have capable browser that could render web especially Facebook, but by having the app it gives the user a much better experience due to the state of web apps back then. Many apps were available in the iPhone like Facebook, WhatsApp and so on and it's a privilege to iPhone because other platform either doesn't have it or needs time to port. Instead of making their browser more capable or solution for web apps, they introduce alternative native app for web which solve their problem but created problems for the rest.
@ljuglampa
@ljuglampa 2 роки тому
Good job! Looking forward to more web history packaged like this. ❤️
@uidotdev
@uidotdev 2 роки тому
Thank you!
@nyashachiroro2531
@nyashachiroro2531 2 роки тому
Lovely video. I like NextJS. I'm also happy Remix is improving on it.
@uidotdev
@uidotdev 2 роки тому
Remix is great too. Thanks for watching!
@kayode8428
@kayode8428 2 роки тому
Excellent video as always. Love this channel. Keep it up.
@uidotdev
@uidotdev 2 роки тому
Thank you!
@pratikmilind-1889
@pratikmilind-1889 Рік тому
Content was so amazing even as a fresher in this technology i can clearly understand where are frameworks are holding nowadays .
@nilfux
@nilfux 2 роки тому
This is a near perfect breakdown. Especially the evolution and how Next has combined all of the findings of that evolution into a holistic solution. The parts don't solve everything, but together it's the near perfect stack. Can you do a video on NestJS? I find it interesting how I'm able to bring Java people in my org over to my team and they can pick up NestJS almost immediately -- since it's very Spring bootlike.
@uidotdev
@uidotdev 2 роки тому
So glad you found it helpful. The hard part about videos like this is you really need a fairly deep understanding/history of the tech to make it work. I'm not too familiar with NestJS so I'm afraid I can't add much to that discussion (at least yet).
@casper0165ful
@casper0165ful 2 роки тому
Cool video. Love the way to clearly explain it and put it into perspective
@uidotdev
@uidotdev 2 роки тому
Thank you!
@kendedetar
@kendedetar 2 роки тому
this video is extremely well made! I really appreciate you taking the time to make this.
@uidotdev
@uidotdev 2 роки тому
So glad it was helpful. Thanks for watching!
@pm71241
@pm71241 2 роки тому
Still ... as a backend developer, I'm really happy I haven't spent too much time on Frontend before the age of css grid/flexbox, web workers, indexedDB and WebAssembly
@mmk-69420
@mmk-69420 2 роки тому
I don't know why but I can't get out of my head the "*Backbonejs invented the MVC architecture*" joke from the React video of this series. Great video again btw!
@uidotdev
@uidotdev 2 роки тому
😂 You don't know how many people that one line has triggered.
@user-qi7kk7su3l
@user-qi7kk7su3l 2 роки тому
Hey, I love the series and I have a suggestion. Yesterday, I signed the contract for my first job in IT and in general, and it seems that I'm required to use Linux terminal for better programming and install WSL, it may not apply specifically to js, but to programming in general, but my idea for the video is "Why Linux won?"
@uidotdev
@uidotdev 2 роки тому
Great idea!
@EddyVinck
@EddyVinck 2 роки тому
Can’t wait for the Remix version of this
@uidotdev
@uidotdev 2 роки тому
Soon!
@thanatosor
@thanatosor 2 роки тому
The React part just got me. As a backend, engine dev, hoping into React Native / Ionic really confused me a lot by their documents and the mess I need to put in my brain before it really do something useful.
@uidotdev
@uidotdev 2 роки тому
Thanks for watching!
@TJ-hs1qm
@TJ-hs1qm 2 роки тому
must say as a BE dev React is the first and only js "framework" that ever made sense to me. And I've seen them all. ps: I've been in software development since the ancient times of Mosaic and Slashdot ^^
@mtgshmoopy
@mtgshmoopy 2 роки тому
IMO using Vite, TS, and React to create a SPA is the best way to create an enterprise front end application. The features of Next add too much complexity for an enterprise environment (think in terms of personnel, onboarding, that kind of thing). However complexity is always being reduced. Simply migrating from CRA to Vite reduced our overhead by a very noticeable amount, for example. I'm always finding myself returning to Next whenever I want to spin something up as a quick PoC so I'm very much looking forward to its future. Anyone who likes JS, regardless of FE/BE/whatever will like using Next.
@uidotdev
@uidotdev 2 роки тому
Thanks for watching!
@ayushvyas3401
@ayushvyas3401 Рік тому
I'm relatively newer to web development and as far as my knowledge goes, isn't CSR bad for SEO and even website speed in some cases?
@DoctorSoulis
@DoctorSoulis Рік тому
@@ayushvyas3401 Correct
@ayushvyas3401
@ayushvyas3401 Рік тому
@@DoctorSoulis hey can't believe this was 5 months back, I went ahead and learnt react after which I completed the MERN stack then moved to next js. It's crazy how much learning is possible if you're dedicated enough
@DoctorSoulis
@DoctorSoulis Рік тому
@@ayushvyas3401 Oh. Cool! How was your adventure? Do you prefer Back-end or front-end man?
@denniszenanywhere
@denniszenanywhere 2 роки тому
Best presentation of Next JS I've seen. You think Next JS is the best? What do you think of Svelte? Can you do a video on that, too, as Vercel, people behind NextJS, has taken it upon themselves to improve Svelte with Rich Harris. I think it's a great move on Vercel's part.
@uidotdev
@uidotdev 2 роки тому
100% agree. Svelte is on our list to cover.
@denniszenanywhere
@denniszenanywhere 2 роки тому
@@uidotdev Great. Can't wait.
@sil0_o
@sil0_o 2 роки тому
I wanted to sub, and then I've realised I already was.. guess your content is as dope as it used to be when I subbed
@uidotdev
@uidotdev 2 роки тому
❤️
@AjaySharma-vz9ei
@AjaySharma-vz9ei Рік тому
Thanks for quality contents 👏🏻
@SpicyMelonYT
@SpicyMelonYT 2 роки тому
Masterful video My dude. That was amazing. I make video games with things like unity and unreal, so none of this stuff really matters to me. And yet I was fully engaged in the video the entire time. So interesting and distilled. Nice Job loved it!
@uidotdev
@uidotdev 2 роки тому
That means so much. Thank you for watching!
@SpicyMelonYT
@SpicyMelonYT 2 роки тому
@@uidotdev my pleasure
@thesqueak5474
@thesqueak5474 Рік тому
honestly a well thought out easy to follow informative video. Thank you
@alexbrown7624
@alexbrown7624 2 роки тому
🔥Will be interesting to see how Next continues to evolve over the next couple years with React 18
@uidotdev
@uidotdev 2 роки тому
🚀
@xamantiwari
@xamantiwari 2 роки тому
It is Already here
@AustinShelby
@AustinShelby 2 роки тому
Great video and the animations are sick!
@uidotdev
@uidotdev 2 роки тому
Thanks a ton!
@duytdl
@duytdl 3 місяці тому
Fascinating summary very well written.
@carloteran8321
@carloteran8321 2 роки тому
This is brilliant, as always!
@uidotdev
@uidotdev 2 роки тому
Thank you! ❤️
@CodingCush
@CodingCush Рік тому
I love the way you explain brother!! Respect!
@uidotdev
@uidotdev Рік тому
Appreciate you!
@milospavlovic3728
@milospavlovic3728 2 роки тому
Excellent explanation of nextjs! Maybe you could mention revalidate with fallback option for server static props and paths. Anyway it was brilliant!
@uidotdev
@uidotdev 2 роки тому
Yeah it's always hard to fit _everything_ into vids like this. Gotta cut the non essential stuff.
Do you REALLY need SSR?
18:15
Theo - t3․gg
Переглядів 153 тис.
Next.js Conf Keynote (Next.js 14)
29:02
Vercel
Переглядів 47 тис.
Level 1 to 100 Mystery Buttons
00:46
A4
Переглядів 7 млн
The Story of Asynchronous JavaScript
10:20
uidotdev
Переглядів 151 тис.
Big Tech AI Is A Lie
16:56
Tina Huang
Переглядів 54 тис.
The Story of React
10:05
uidotdev
Переглядів 243 тис.
Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
1:02:55
Programming with Mosh
Переглядів 473 тис.
Web Developer Roadmap (2024) - Everything is Changing
25:02
ByteGrad
Переглядів 202 тис.
5 Reasons To Use Next.js Over Plain React
14:50
DigitalOcean
Переглядів 35 тис.
The Big Headless CMS Lie (James Mikrut)
18:14
Vercel
Переглядів 37 тис.
How NextJS REALLY Works
28:25
Theo - t3․gg
Переглядів 133 тис.
I DONT USE NEXT JS
54:01
ThePrimeTime
Переглядів 301 тис.
10 common mistakes with the Next.js App Router
20:37
Vercel
Переглядів 162 тис.