Тёмный

Next.js 13… this changes everything 

Fireship
Подписаться 3,1 млн
Просмотров 771 тыс.
50% 1

Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look.
#javascript #tech #TheCodeReport
💬 Chat with Me on Discord
/ discord
🔗 Resources
Next 13 Announcement nextjs.org/blog/next-13
Turbopack Announcement vercel.com/blog/turbopack
Next.js Full Course fireship.io/courses/react-nex...
Next in 100 Seconds • Next.js in 100 Seconds...
🔥 Get More Content - Upgrade to PRO
Upgrade at fireship.io/pro
Use code YT25 for 25% off PRO access
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What changed in Next.js 13?
- Should I upgrade to Next 13?
- Next.js vs Remix
- Next.js vs Nuxt
- Vite vs Turbopack
- Replacing webpack with Turbopack

Наука

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

 

25 окт 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 1,1 тыс.   
@geeshta
@geeshta Год назад
In NextJS 14, each component will be directory based and each html tag will get its own file.
@uselessandempty
@uselessandempty Год назад
U will never have to write `import` again... rails PTSD kicking in
@Patrickdaawsome
@Patrickdaawsome Год назад
​​@@uselessandempty rails is great though
@Rogueixpresents
@Rogueixpresents Год назад
bro u dont even code
@michael.knight
@michael.knight Год назад
It was a 1:1 copy of an Apple keynote. They even used the silly ' the XYZ you know and love' that Apple always overuses.
@J1Jordy
@J1Jordy Год назад
Remix users being the Android users in that context.
@hrclful
@hrclful Год назад
... One more thing! You've to rewrite everything.
@vapeurdepisse
@vapeurdepisse Год назад
Yeah all these startups and even a bunch of large companies (ex Nvidia) have been copying the Apple keynote format for years. But Vercel ain't Apple, so why not be a little more humble for once?
@zoladkow
@zoladkow Год назад
yeah, don't you just love how companies tell you that you love their products? makes life so much easier, just sit back and consume what'e given 🤷
@lowwastehighmelanin
@lowwastehighmelanin Год назад
Yeah it's annoying
@user-sz9or2ne5o
@user-sz9or2ne5o Год назад
By the time TurboPack is ready for production, Vite team will drop their version 4.20 with cutting edge technology providing a blazingly fast build speed which is (said by themselves) 69x times faster than TurboPack. I'm calling that!
@Fernando-ry5qt
@Fernando-ry5qt Год назад
The packaging tool war begins....
@EugeneBuvard
@EugeneBuvard Год назад
vite uses golang. Turbopack is probably faster only because it is using rust but at the expense of more complexity in the code. It will be good if they manage to finish it properly
@kasvith
@kasvith Год назад
@@EugeneBuvard Vite can switch to turbopack from esbuild though, they uses it because its fast enough for many cases
@hanes2
@hanes2 Год назад
Evan you said they could add SWC to vite but it results in 58MB more bloat…. Which they don’t want, but react devs, they want the bloat
@failist9570
@failist9570 Год назад
Evan You (creator of Vite, Vue) is just awesome man.
@4.0.4
@4.0.4 Год назад
Personally I think the constant release of "groundbreaking solutions" is more of a testament to the sea of self-inflicted problems in web development.
@TheGreySage0
@TheGreySage0 Год назад
Agreed,see u at the stake 😉
@Aedaeum
@Aedaeum Год назад
Underrated comment; truth.
@Lordzeus86
@Lordzeus86 Год назад
I agree 1000%
@mattc16
@mattc16 Год назад
Why would you say that? Literally every new solution has taken pieces of the previous solution or the previous solution had a specific use case where it is more advantageous to use than the new solution. We're literally back full circle with server side rendering and trying to keep as much JS out of the client as possible yet we're using pieces of every previous solution to make something FAR superior in terms of DX, UX, security, and performance. In fact, I don't remember the majority of the JS userbase "reverting" back to a previous solution without taking something new with them ever. The JS ecosystem just moves vastly more fast because it is built DIRECTLY on top of open source, it's the only native programming language to the browser (the application that runs the internet and we will only be moving further and further into the web and out of the desktop and localized software), it has a massive amount of free or cheap educational content with a large number of educators being highly successful, etc. etc. There's no other language out there that will ever be able to compete with the sheer quantity of JS developers out there. Most other languages revolve around proprietary code that will never be shared and built on top of along with only having a small fraction of the # of devs that JS has.
@baldcoder_
@baldcoder_ Год назад
Yeah fuck these groundbreaking solutions. Quick question: How many decent-sized web apps have you built with vanilla JS? And how long did it take you?
@nonstopper
@nonstopper Год назад
I literally was just researching nested layouts in NextJS like crazy and was amazed at how they weren’t implemented. Thankfully we finally have a real solution
@santhosh3374
@santhosh3374 Год назад
You can just use remix js
@ceopaludetto
@ceopaludetto Год назад
Remix has a way better solution, react router > next router
@nonstopper
@nonstopper Год назад
@@santhosh3374 Have yet to try remix. Will have to give it a try
@hugodsa89
@hugodsa89 Год назад
You can do nested layouts already without Next13
@hugodsa89
@hugodsa89 Год назад
@@nonstopper what’s in your opinion worse? I’m my view seems like the getLayout is actually a better solution because it’s injectable at the component page level so your nested layouts are not tied to the route and it’s children.
@williammccullough5627
@williammccullough5627 Год назад
My heart goes out to front-end web developers. Good luck!
@rubenverster250
@rubenverster250 Год назад
thanks bro :')
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@dannydozie9683
@dannydozie9683 Год назад
Hahaha... this is an epic comment. Yeah... thanks bro :')
@WhatIsThis-zq4hk
@WhatIsThis-zq4hk Год назад
Why anyone would go into this mind-numbing field at this point is beyond me.
@rubenverster250
@rubenverster250 Год назад
@@WhatIsThis-zq4hk Wait until you have to work with Salesforce. Literally Torture Chair
@cezarmocanu5043
@cezarmocanu5043 Год назад
I was just searching today for a video of yours about next 13, so I watched the one about next 12 a couple of times. You make awesome videos! Keep it up!
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@thesanjithkumar
@thesanjithkumar Год назад
Just a week back completed my website using next 12.3. After seeing I was excited to migrate my project, but little did I know the differences in components, filestructure etc in 12.3 and 13. It was like a mini hell, almost all component started to break. At last I stuck to next 12.3
@IAmOxidised7525
@IAmOxidised7525 Год назад
Yo, next 13 is not production ready I think
@thesanjithkumar
@thesanjithkumar Год назад
@@IAmOxidised7525 oh thanks for the info I was carried away by the launch.
@Chaaos2
@Chaaos2 Год назад
Glad I procrastinated on building my next personal site
@TheEmolano
@TheEmolano Год назад
If it works don't try to improve it
@krishgarg2806
@krishgarg2806 Год назад
I had made half of my site in next. Got bored of react so switched to astro + svelte lol.
@DominikGiroux7
@DominikGiroux7 Год назад
Perfectly timed as always, was looking at the new docs just this morning
@mihajlomilojevic2793
@mihajlomilojevic2793 Год назад
Where is new documentation?
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@delavalom
@delavalom Год назад
Amazing how the conf was yesterday and you already have the knowledge well known to be able to guide us through the Next 13
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@bvzpRTZMJQmKiWAFyohH
@bvzpRTZMJQmKiWAFyohH Год назад
I like how nuanced you present the changes and give props to the people in the community.
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@rulofmg
@rulofmg Год назад
There should be an AI that can automatically refactor a framework to the next version
@arden6725
@arden6725 Год назад
It’s not AI because that would be unnecessary but vercel already provides codemod scripts for migration in some cases
@sharafmakk2936
@sharafmakk2936 Год назад
With the amout of refactoring there's been, there might be a way to make an algorithm that does that
@tehpson
@tehpson Год назад
this is why I keep to backend where there is never any gamechanging updates
@mtgshmoopy
@mtgshmoopy Год назад
I use SvelteKit in production because I'm a crazy bastard so a lot of these Next 13 changes are veeerrryyy familiar! They're even making the exact same switch to directory-based routing SvelteKit did a few months ago. Seems like developing in React is going to get a lot smoother! But I still prefer SvelteKit. No VDOM is very attractive since I often have to deal with third party web components. It's compiled so it's more opinionated but I like the opinions of the Svelte team. All these fancy tools are making JS dev a dream! The future is bright!
@rawallon
@rawallon Год назад
Not to metion that the best thing about using SvelteKit is being able to say you use SvelteKit
@cookifymedia
@cookifymedia Год назад
I totally agree. I think it's heavily inspired by SvelteKit and Rich Harris that convenient is working at Vercel. But nice to see next going this way.
@ChrisJaydenBeats
@ChrisJaydenBeats Год назад
Now hopefully SvelteKit can start maturing. Especially much needed packages like Sveltekit Auth. Tons of OS projects that are trying to tackle it right now, but there’s no go to yet (for me at least).
@wliaputs
@wliaputs Год назад
@@rawallon I use Sveltekit btw
@fakenameforgoogle9168
@fakenameforgoogle9168 Год назад
@@ChrisJaydenBeats lucia-sveltekit is a very promising package in early development
@BaldeepSingh24
@BaldeepSingh24 Год назад
Thank you for doing this! And thank god for your channel, always top notch quality!
@Joshfw892
@Joshfw892 Год назад
Thanks Jeff, I commented in the general chat on Slack yesterday to see if anyone was attending the conference but no one responded. The main feature I was most excited about is the new data fetching capabilities. I always found myself in between a rock and a hard place determining between using getStaticProps or getServerSideProps or using the former with Incremental Static Regeneration. It appears that I will no longer have to worry about this with the latest version of Next.
@dawichii
@dawichii Год назад
This is literally the response to sveltekit - Vite -> turbopack - same routing system without (+) - same way of data fetching just returning data Still missing some stuff like stores and modules, which I consider much better than useContext, but this is just amazing!
@1wsm1
@1wsm1 Год назад
Next vid python 3.11… this changes everything
@sps014
@sps014 Год назад
Also on how rust 1.64 and dotnet 7 changes everything
@KJImmy26
@KJImmy26 Год назад
Still slow 🥲
@chfr
@chfr Год назад
I'd be more thrilled by this tbh
@smitty683
@smitty683 Год назад
Except it doesn’t tho
@rea9lizer
@rea9lizer Год назад
Waiting for covering Node.js 18 LTS
@nro337
@nro337 Год назад
Thanks for including the parcel mention here, saw Devon's tweet and think it's important to credit where their inspiration probably came from
@imraninfrarote
@imraninfrarote Год назад
"All is fair in love and MIT Licence code" Made my day
@JorgetePanete
@JorgetePanete Год назад
License*
@dipanjanghosal1662
@dipanjanghosal1662 Год назад
@@JorgetePanete both are valid
@StellaEFZ
@StellaEFZ Год назад
@@dipanjanghosal1662 No, it depends License is, in UK English, a verb. In US English, it's both noun and verb. Licence is, in UK English, a noun. It doesn't exist in US English
@dipanjanghosal1662
@dipanjanghosal1662 Год назад
@@StellaEFZ that's what I said. Both are valid. The RU-vid comments section isn't only for US.
@StellaEFZ
@StellaEFZ Год назад
@@dipanjanghosal1662 No, they're two different languages, you don't speak japanese while writing portuguese
@StephenGillie
@StephenGillie Год назад
Software development isn't about making websites in a simple way, but about making Rube Goldberg machines that display websites as a side effect.
@WhatIsThis-zq4hk
@WhatIsThis-zq4hk Год назад
Literally why I left the field. It’s a nightmare.
@avidworkslol
@avidworkslol Год назад
Not gonna lie, I was struggling to understand the concepts of Next13 after watching the conference, but this made everything make waaaaaaaaay more sense. I'm actually kind of excited for it now.
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@Duconi
@Duconi Год назад
Many things in the video didn't make sense to me. But I don't know react or next. I usually work with Vue and nuxt. Maybe I just never had the problems next had with that frameworks. I don't know.
@maxcharacterlimitreache-
@maxcharacterlimitreache- Год назад
I love your channel more and more As im continuing my beginners part of learning to code and building some test projects it is also starteing to make some sense. I'm thinking about saving up for the lifetime pro subscription on fireship
@mikep1468
@mikep1468 Год назад
Excellent video! Is the expected link to your new Beyond Fireship channel missing from the text blurb below the video, or did I miss it? Either way, I found it & subscribed, and am looking forwards to your Next.js 13 tutorials over there!
@lcarv20
@lcarv20 Год назад
Specially the new routing design reminds me of sveltekit, which is not weird since sveltekit is being supported by vercel. I like what they are doing :)
@ShafterPlay
@ShafterPlay Год назад
The structure of routes being folders, files for page, error, etc. looks reeeally similar to SvelteKit
@VictorSamuelMosqueraArtamonov
And really similar to PHP.
@neociber24
@neociber24 Год назад
@@VictorSamuelMosqueraArtamonov going back to the root but type safe
@TAINCER_
@TAINCER_ Год назад
I think you're talking about PHP 6 years ago.
@sleekism
@sleekism Год назад
They stated it took inspiration from SvelteKit, which is also kind of a Vercel product now with Rich Harris working on it and Svelte full-time
@hayrankun
@hayrankun Год назад
@@sleekism It isn't a Vercel product. It's an open-sourced project with zero influence from Vercel. Rich Harris (creator of Svelte) clarified this earilier.
@NNNedlog
@NNNedlog Год назад
Thanks for always keeping us up to date
@iliatalebzade8751
@iliatalebzade8751 Год назад
Well the thing is when someone chooses to become a developer it's just a matter of time before they learn how fastly-evolving this field is, so as long as the changes are there for good, I for one have no problems with them. great video as always, thanks for summing up a 1 hour video into 6 minutes :)
@chris-pee
@chris-pee Год назад
Correction, a *front-end* developer.
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@KimSkogsmo
@KimSkogsmo Год назад
I agree, as long as the changes are there for good once added, I welcome them mostly. Sadly it's quite hard in reality, I mean they released ISR in Next 12 something and already kinda deprecated it in the next (pun intended) major version.
@migueljara9399
@migueljara9399 Год назад
​@@KimSkogsmo I do agree with you, I think that they should've been more consistent to their concepts implemented. But I have to say that this looks like an improvement in the long run. Having all of those concepts like SSR, ISR, ans SSG was quite... overwhelming for people trying to get into it. Nevertheless, they're going to be required for some time for any Next.js developer, but probably going to be totally deprecated in two or three years. As one comment said, I'm in favor of change as long as it is a "good" change.
@BrianBest
@BrianBest Год назад
I feel like I woke up in 2010 and stumbled in to a Rails hype fest conference
@user-qy2wf2lt6v
@user-qy2wf2lt6v Год назад
This ...
@2bfrank657
@2bfrank657 Год назад
This is why I never got into IT professionally - the constant need to learn the "next best thing" rather than having the ability to actually master your tools.
@ihate4chan
@ihate4chan Год назад
Only frontend web dev changes so rapidly
@Nemcoification
@Nemcoification Год назад
It's bad when it comes to front-end, but even in front-end tons of companies will default to the standards rather than chase the shiny new thing. Outside of that it's much more stable. You might want to reconsider ;)
@AttackHelicopter64
@AttackHelicopter64 Год назад
you don't most projects use something more stable and battle-tested, that will allow to do any request from the customer cause you can't really say: "Hey, this app doesn't work as you wanted, but we are waiting on shitty_useless_after_two_days_framework v.14.5+ to solve this" or "we can't find any developer that knows blazingly_fast_and_two_years_learning_curve++, so we can't hire anyone for 6 months" or "we just need 2,5M $ and two years to rewrite our current project, so we can test out these new and very important (for 1% of people) features"
@2bfrank657
@2bfrank657 Год назад
Thanks for the replies all. Yes, I guess it's easy to watch all these videos and develop the misconception that every project is built in the latest whiz-bang framework. Pleased to hear that devs are focusing on reliability over novelty.
@IvanRandomDude
@IvanRandomDude Год назад
@@ihate4chan Actually, other parts changed even faster. Going from monoliths and MYSQL deployed in my mother's basement to microservices with distributed databases, sagas, event sourcing, event streaming and billion other patterns, hosted on EKS in span of 6 years is not a change at all, I must be dreaming.
@jancolman9909
@jancolman9909 Год назад
Just found your channel. Love your Easter eggs... plane and simple
@sanusihassan7125
@sanusihassan7125 Год назад
I'm very happy when I get notified that there is a new video from fireship
@tomaszsikora6723
@tomaszsikora6723 Год назад
They finally did it, nested routing with layouts. Now I can finally start a project in next.js
@Fernando-ry5qt
@Fernando-ry5qt Год назад
Wait that was stoping you? Why? You could have just nested layout components haha
@berrywarmer11
@berrywarmer11 Год назад
@@Fernando-ry5qt would they have been BLAZINGLY FLAST ™ though?
@Fernando-ry5qt
@Fernando-ry5qt Год назад
@@berrywarmer11 you win
@zPiranhaz
@zPiranhaz Год назад
1:37 that's what I immediately thought hearing the previous statement. 10x faster than Vite doesn't sound like that big of a deal when it's already fast enough. I'd rather not make that trade when it adds more extra work.
@winstijnsmit3752
@winstijnsmit3752 Год назад
Very cool that you included the Goliath at 0:30. I went to that theme park this summer!
@rishabsharma5307
@rishabsharma5307 Год назад
Was eagerly waiting for this 🔥
@marswor
@marswor Год назад
awesome, now we gonna get even more 'index' like files throughout the codebase xD
@ba8e
@ba8e Год назад
Awesome! A couple more versions, and this may barely touch Svelte.
@georgios_georgiou
@georgios_georgiou Год назад
Now this brings the outro … will see you on the NEXT one to a whole new level ! Good summary of the keynote definitely killed this one 💀
@ashishverma9840
@ashishverma9840 Год назад
feels good to watch your videos.. after banging my head with Typescript :)
@Trzimajewski
@Trzimajewski Год назад
bro, that was the best next release until now, amazing, been waiting so long
@terraflops
@terraflops Год назад
i want to learn JS framework but each week you make a video that makes me wait to see what else will be available
@JorgetePanete
@JorgetePanete Год назад
New Rust Frameworks™
@suri5023
@suri5023 Год назад
i belive with that mindset you'll be waiting for a long time and you won't learn anything in the meantime. just start learning something it doesn't matter that it won't be the most new thing in a couple months. don't waste your time like i did best of luck to you
@glardian966
@glardian966 Год назад
Why would you WANT to join this roller coaster?
@terraflops
@terraflops Год назад
@@suri5023 Svelte framework interests me, looks more friendly. // I agree, just dive in into something and see what happens
@mattlewis8457
@mattlewis8457 Год назад
Just learn Javascript, don't focus on a framework. They'll all make sense if you're comfortable in JS.
@yt-sh
@yt-sh 7 месяцев назад
6 minutes. 👏👏👏 6 minutes is all it took to clear these concepts, you're a great teacher! thank you!!
@theghostyced
@theghostyced Год назад
Yep the same thing i thought the moment I saw the new features. Most of them were already implemented in Remix, Next is trying to catch up
@stevemcwin
@stevemcwin Год назад
Hey Jeff, could you do a video explaining the Nim programming language in 100 seconds please?
@badalsingh1150
@badalsingh1150 Год назад
animated Box With CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gBmx3RmThDE.html
@stevemcwin
@stevemcwin Год назад
@@weakspirit_ the only time he mentioned it was in the programming iceberg video, but I think it's cool enough to be covered in a video of it's own
@tentacle_sama3822
@tentacle_sama3822 Год назад
Can't wait for the full 13 tutorial
@Alphfirm
@Alphfirm Год назад
Exciting! Better explanation than the official presentation from Vercel. Guess I will wait for a few updates until mutation is easier
@kyubum
@kyubum Год назад
I can't wait to change my whole next.js 12 project. For real for real.. but this update really awesome. It could improve most of pain points in previous development environment.
@jmg9509
@jmg9509 Год назад
Can always count on Fireship to remind me of how little I know as a 1.5 year old self-taught developer :")
@meganaut5294
@meganaut5294 Год назад
Same, except as a 26 years experience dev. You’ll never know it all.
@ypeelsleepy
@ypeelsleepy Год назад
@@meganaut5294 ^yeah kinda feels as if you learn something and by the time you feel comfortable using it ist obsolete ^^ I love being a developer.....
@eagl3007
@eagl3007 Год назад
lol I was about to say... i'm out here with 10 years of messing around in web technologies and i feel like every month I see some younglin' come up with a hot new catchy name framework. such is life
@coconutflour9868
@coconutflour9868 Год назад
pretty impressive to be a developer at only 1.5 years old
@williamrgrant
@williamrgrant Год назад
@@coconutflour9868 kids these days...
@sumtingwongwe2low
@sumtingwongwe2low Год назад
would love to get some peoples opinions on this, Im a react front end developer with a bit of experience with firebase, node js/mongodb/express/mongoose and i have worked a bit with nextjs 12, it seems to me that with these new features, i should make projects with nextjs 13 instead of really anything else?
@bahibrahim101
@bahibrahim101 Год назад
Thanks for the video and see you in the next one.
@ricardofabilareyes
@ricardofabilareyes Год назад
It continues to amaze me how JavaScript guys just keep reinventing basically PHP 😂
@datoubi
@datoubi Год назад
I know Javascript, Python, C++, some Rust, some Go, some Java and some PHP and I'd say that PHP is by far the worst language. No static types whatsoever.
@DK-ox7ze
@DK-ox7ze Год назад
Yeah okay. Javascript devs will never go out of jobs even when AI is ruling everything else, because the unemployed humans will be spitting out new JS frameworks and major changes every day. So yeah keep doing this shit.
@sneezingcat6221
@sneezingcat6221 Год назад
everytime i see a new JS framework released every few months i feel lile shooting myself
@lawrencemanning
@lawrencemanning Год назад
@@sneezingcat6221 there are programming jobs outside of web/JS hell.
@DoctorSoulis
@DoctorSoulis Год назад
@@lawrencemanning Like?
@lawrencemanning
@lawrencemanning Год назад
@@DoctorSoulis everything from embedded to (desktop) games. I’ve spent the last 25 years of my life programming for a living and don’t (yet) know a thing about JS. I plan to keep it that way for as long as possible. 😊
@astroid-ws4py
@astroid-ws4py Год назад
I much prefer to work on my "mathematical proofs for veryfing computer programs with Coq" than to enter the JS hell.
@heygema
@heygema Год назад
Fireship is the most entertaining yet educative creator out there, lmao, like the videos are actually that addicting.
@piotrrodzen772
@piotrrodzen772 9 месяцев назад
I guess it was different 10 months ago but writing api routes in app directory is there and its easy to use which is what sold me on next the most. You can create a fullstack app now easily with just next
@tomrowe2181
@tomrowe2181 Год назад
I feel like this is a change that you'd never adopt over Remix or similar frameworks. Next's strength is its huge community and solidity in the industry, you know it's not the best but someone would have done what you want to do before and you'd likely be able to find their code. Pick a much leaner framework if you want this DX
@nero1375
@nero1375 Год назад
Wait, Vue and Nuxt don't already do this stuff about years from now?
@md.fazlulkarim8847
@md.fazlulkarim8847 Год назад
Old Projects: I'm going to pretend there isn't an update! New Project: Come baby, light my fire!
@SadanandGopal17feb
@SadanandGopal17feb Год назад
Thanx I'm searching for this 😁
@peppi69
@peppi69 Год назад
2:33 New file system routing is very similar to "new" sveltekit api. I personally like Sveltekit more though.
@ba8e
@ba8e Год назад
Svelte takes a GIANT SHIT on all other frameworks.
@user-ur3sj5eh1h
@user-ur3sj5eh1h Год назад
Whenever I hear Blazingly Fast , ThePrimeagen immediately pops into my heads
@vmia159
@vmia159 Год назад
5:17 sounds fun. I guess I am going to learn it after a year which until majority of people move on and I will never gonna migrate it with current project.
@jackcriss100
@jackcriss100 Год назад
well done! I'll keep using remix.
@iLiran
@iLiran Год назад
as someone who is learning react , I would really appreciate a focused front/fullstack roadmap with the most needed technologies.
@vapeurdepisse
@vapeurdepisse Год назад
@@justinsalcedo2678 looks like a keyword dump on a 40-page Indian developer resume.
@Mogwai88
@Mogwai88 Год назад
@@vapeurdepisse lmao so true
@justinsalcedo2678
@justinsalcedo2678 Год назад
@@vapeurdepisse Not gonna lie, it may look like a keywords pool. But it's useful when you don't know where to start from as a beginner
@TheAliceQuo
@TheAliceQuo Год назад
@@justinsalcedo2678 jesus christ my ADHD can't even look at that website for more than 3 seconds.
@WhatIsThis-zq4hk
@WhatIsThis-zq4hk Год назад
“Focused roadmap” and JavaScript don’t go together
@sandeepsai5224
@sandeepsai5224 Год назад
Isn't sveltekit already has the layout and +page.svelte thing. Also sveltekit has the similar data fetching by exporting load function in the +page.svelte page
@eliav3
@eliav3 Год назад
I do you make all these amazing videos that rapidly? you are really one man army!
@husseinkizz
@husseinkizz Год назад
Am glad that I learnt next js, it's the future of react and fireship is our time travelling mentor!
@maxxkax
@maxxkax Год назад
News of the year: Now you can make routes by putting files in folders! Just like the web used to work for 20 yreas! :D Web3 == Web1
@arden6725
@arden6725 Год назад
Web3 is just a buzzword, and this isn’t even Web3
@hybs9473
@hybs9473 Год назад
Double equal? Really? Jk
@GMoyo
@GMoyo Год назад
It took me 18 minutes to watch your video because my slow brain had to stop, replay, and digest everything you said. But I wouldn’t have it any other way. Thanks for the overview!
@xaxfixho
@xaxfixho Год назад
kwanai blaz 😒
@jaymanx4life
@jaymanx4life Год назад
I recently migrated a Next 11.0 codebase to Next 12, then saw that RFC for the revised App/Layout. Might try it once Vercel releases 13.1 or something. 🤔
@ajiraqii
@ajiraqii Год назад
We need a course on this ASAP 😁
@cgeidt92
@cgeidt92 Год назад
Nuxt 3 vs Next 13 would be awesome!
@ryangrogan6839
@ryangrogan6839 Год назад
Node is starting to look like something worth my time. I prefer frameworks like Django and Flutter. Seeing things move toward improving the developer experience is nice. I can't tell you how many times I run into something in a framework that requires way more effort than it should take.
@AkshayKumar-kz6zh
@AkshayKumar-kz6zh Год назад
I started out my dev journey with Django and soon realised there are very less jobs compared MERN. Spent 6 months learning MERN stack
@yashjha0007
@yashjha0007 Год назад
I was going through their v13 blog and couldn't understand anything. This video helped.
@de-ep
@de-ep Год назад
thanks for the report Jeff!
@SXsoft99
@SXsoft99 Год назад
I see so many similarities with old php frameworks
@khangle6872
@khangle6872 Год назад
Full circle i guess
@anfytrion
@anfytrion Год назад
Web Developers: It's the end of Vite Evan you: If this proves to be the shit, we replace rollup for turbopack Parcel: I've been the GOD for a long time kidos
@a-fletcher
@a-fletcher Год назад
I was about to say that it sounded like they added remix like features, then you bet me 2 it in your own vid haha. Sounds like some nice changes. I'll still stay with remix for now though.
@fakedevdutt
@fakedevdutt Год назад
Excited for new next tutorial sir! 🙇
@bungbloopity
@bungbloopity Год назад
I was just thinking this morning that it had been a little too long since the last game-changing JS framework. Its been almost a week 😅
@a-a-ron11
@a-a-ron11 Год назад
anyone else enjoy every second of these vids but then automatically go "I guess vanilla old school javascript it is!..." LOL
@fltfathin
@fltfathin Год назад
I wish for the vanilla old school but with component system to help reuse "widgets"
@stkmedia5293
@stkmedia5293 Год назад
@@fltfathin that's what old school copy and paste is for
@AngelHdzMultimedia
@AngelHdzMultimedia Год назад
@@fltfathin try Lit.
@thekrixhna
@thekrixhna Год назад
Great video! How about a video on Backend development in 100 sec
@stoogel
@stoogel Год назад
I don't think this "changes everything", but gives you a chance to play with stuff that will in a future release. There's a new image component and a breaking change to the link component. The biggest features are the app folder architecture and turbopack, which are in beta and alpha respectively.
@howl2339
@howl2339 Год назад
So thats what came next. I just wish the framework was more reactive
@adamwright261
@adamwright261 Год назад
Yea...this is why I love Angular being a one-stop-shop for basically everything.
@SeraphicRav
@SeraphicRav Год назад
I switched from React Vanillish to Remix, I hope it was the good decision. Some aspects feels rough though :D
@nicklandreth2527
@nicklandreth2527 Год назад
Oh man that makes rendering so much easier to understand in my opinion.
@Thikondrius
@Thikondrius Год назад
It's been 0 days since a new js framework has been created.
@Matrium0
@Matrium0 Год назад
Damn, the rise of new build-tools every year makes me glad I use Angular. Build is certainly on the slow side (2.5 mins for a medium sized project), but good enough for the customer and me, so I never even tried to optimize it. Great video and it does look really nice! Their presentation turns me a bit away though, "blabla our framework heals cancer blablabla" :D Also: how fast do you need it? Made a demo project with Vite some time ago and it is fast as hell. It's nice when something is "10 times faster", but the drop from 10 seconds to one second is just not the same as from 1000 to 100.
@leezhieng
@leezhieng Год назад
My static HTML page is hella fast too lol
@josephmasongsong11
@josephmasongsong11 Год назад
I’m from Vancouver and I love that you used the riot photo 😂
@wlockuz4467
@wlockuz4467 Год назад
FINALLY NESTED ROUTES, waited so long for this.
@Ali-Aljufairi
@Ali-Aljufairi 7 месяцев назад
We need Next.js 14 update
@WhatIsThis-zq4hk
@WhatIsThis-zq4hk Год назад
All these JS frameworks claim to solve problems, but they don't solve the biggest problem of all: too many JS frameworks
@ba8e
@ba8e Год назад
Hold on, I'm working on a JS framework for that!
@WhatIsThis-zq4hk
@WhatIsThis-zq4hk Год назад
@@ba8e whatever. Just don’t call it “bLaZiNg FaSt”
@SantiagoMA
@SantiagoMA Год назад
I know it is a beta and most probably will change soon, but lack of support for emotion (and all the UI libraries built on top) in app/ is an impediment at the moment for me to start using it. Hopefully soon it changes because layouts and data fetching seems great.
@bsky1998
@bsky1998 Год назад
Everything is changing so suddenly! I was browsing RU-vid earlier and the layout was flat, come to ee this video, and they just dropped a new layout, and I thought I was on a different website for the moment lol
@ebirimuchechukwuprecious3658
I have been using Angular for over 4 years. I keep seeing new JS frameworks and stack an average of 6 months. I never learn any. I am still learning angular. "I fear not the man who has practiced 10,000 kicks once, but I fear the man who has practiced one kick 10,000 times." Bruce Lee
@wahoobeans
@wahoobeans Год назад
Good luck on your next job search / job.
@jordanribbink1991
@jordanribbink1991 Год назад
If the only tool you have is a hammer, it is tempting to treat everything as if it were a nail Maslow
@fazzitron
@fazzitron Год назад
The constantly changing landscape of Javascript makes me glad I use Django
@Enigmata23
@Enigmata23 Год назад
Yup. Its the exact reason I switched to Python and now building fullstack projects with Django. The JavaScript eco system is literally hell, you cant blink without a new framework/code breaking update coming out
@ulisesavila2879
@ulisesavila2879 Год назад
You are good. Really. The majority of "spa" apps doesn't even need react and all that
@sidkapoor9085
@sidkapoor9085 Год назад
django is backend tho
@muslim8622
@muslim8622 Год назад
You have the point, haha. But the main difference which is the main problem also, beetwen Django and the JS framework like Next JS, Gatsby, Qwik and so on. It's the purpose. Django, it's straight-forward because we have just the server side to deal with. The JS frameworks have the "good" idea to mix the server side and the client side concerns for the client it's a awsome experience (i guess, maybe...) but for the developers that's a real mess to deal with ^^' Howover, there's also framework JS which not handle the client. render one time and it's over (maybe some API). But now the problem is, who want to code in Javascript (by choice) ^^
@turolretar
@turolretar Год назад
If we’re gonna go there then simple html is good enough for most things
@jiillescas
@jiillescas Год назад
HI Jeff, with next js 13 out, can you do an updated review of the JS frameworks? next js 13, nuxt 3, SvelteKit, etc.
@JetJockey87
@JetJockey87 Год назад
I've just started learning Next after learning just finished learning Node and Vercel's current Tutorials are all based on react 17.0.2 and Next 12. If you pull Next as of yesterday, you'd get a legacy deps error on npx-create lmao Soooo time to start studying a new paradigm I guess
@alenbiju5392
@alenbiju5392 Год назад
bro can u give some channels to learn next js and vercel from
@macchiato_1881
@macchiato_1881 Год назад
If developers put the same effort into solving actual problems the same amount they make new JS frameworks, we would literally be a type 1 civilization by now.
@paradiseexpress3639
@paradiseexpress3639 Год назад
Problems like what david?
@macchiato_1881
@macchiato_1881 Год назад
@@paradiseexpress3639 problems like you
@paradiseexpress3639
@paradiseexpress3639 Год назад
@@macchiato_1881 David, stop being a doofus and explain yourself
Далее
God-Tier Developer Roadmap
16:42
Просмотров 6 млн
The Story of Next.js
12:13
Просмотров 545 тыс.
I Made a Neural Network with just Redstone!
17:23
Просмотров 552 тыс.
Do you REALLY need SSR?
18:15
Просмотров 159 тыс.
I built a JavaScript framework
10:11
Просмотров 485 тыс.
I tried 5 Firebase alternatives
10:31
Просмотров 753 тыс.
Why Kotlin Is The Best Language (to use with htmx)
20:54
100+ Computer Science Concepts Explained
13:08
Просмотров 2,4 млн
Theo Browne: Next.js is a backend framework
11:44
Просмотров 150 тыс.
10 Design Patterns Explained in 10 Minutes
11:04
Просмотров 2,2 млн