Next.js 13… this changes everything

Ғылым және технология

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

Пікірлер: 1 100

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

    11 ай бұрын

    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.

  • @williammccullough5627
    @williammccullough5627 Жыл бұрын

    My heart goes out to front-end web developers. Good luck!

  • @rubenverster250

    @rubenverster250

    Жыл бұрын

    thanks bro :')

  • @badalsingh1150

    @badalsingh1150

    Жыл бұрын

    animated Box With CSS kzread.info/dash/bejne/mXah2pWLnbfOdKg.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

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

  • @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?

  • @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 KZread comments section isn't only for US.

  • @StellaEFZ

    @StellaEFZ

    Жыл бұрын

    @@dipanjanghosal1662 No, they're two different languages, you don't speak japanese while writing portuguese

  • @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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.html

  • @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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.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.

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

  • @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!

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

  • @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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.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.

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

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

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

  • @NNNedlog
    @NNNedlog Жыл бұрын

    Thanks for always keeping us up to date

  • @rishabsharma5307
    @rishabsharma5307 Жыл бұрын

    Was eagerly waiting for this 🔥

  • @BrianBest
    @BrianBest Жыл бұрын

    I feel like I woke up in 2010 and stumbled in to a Rails hype fest conference

  • @user-qy2wf2lt6v

    @user-qy2wf2lt6v

    Жыл бұрын

    This ...

  • @ShafterPlay
    @ShafterPlay Жыл бұрын

    The structure of routes being folders, files for page, error, etc. looks reeeally similar to SvelteKit

  • @VictorSamuelMosqueraArtamonov

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

  • @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 kzread.info/dash/bejne/mXah2pWLnbfOdKg.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.

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

  • @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 :)

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

  • @sanusihassan7125
    @sanusihassan7125 Жыл бұрын

    I'm very happy when I get notified that there is a new video from fireship

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

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

  • @stevemcwinboi914
    @stevemcwinboi914 Жыл бұрын

    Hey Jeff, could you do a video explaining the Nim programming language in 100 seconds please?

  • @badalsingh1150

    @badalsingh1150

    Жыл бұрын

    animated Box With CSS kzread.info/dash/bejne/mXah2pWLnbfOdKg.html

  • @stevemcwinboi914

    @stevemcwinboi914

    Жыл бұрын

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

  • @jancolman9909
    @jancolman9909 Жыл бұрын

    Just found your channel. Love your Easter eggs... plane and simple

  • @bahibrahim101
    @bahibrahim101 Жыл бұрын

    Thanks for the video and see you in the next one.

  • @marswor
    @marswor Жыл бұрын

    awesome, now we gonna get even more 'index' like files throughout the codebase xD

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

  • @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 💀

  • @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!

  • @Trzimajewski
    @Trzimajewski Жыл бұрын

    bro, that was the best next release until now, amazing, been waiting so long

  • @ricardogamer2
    @ricardogamer2 Жыл бұрын

    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.

  • @yt-sh
    @yt-sh6 ай бұрын

    6 minutes. 👏👏👏 6 minutes is all it took to clear these concepts, you're a great teacher! thank you!!

  • @de-ep
    @de-ep Жыл бұрын

    thanks for the report Jeff!

  • @user-ur3sj5eh1h
    @user-ur3sj5eh1h Жыл бұрын

    Whenever I hear Blazingly Fast , ThePrimeagen immediately pops into my heads

  • @tentacle_sama3822
    @tentacle_sama3822 Жыл бұрын

    Can't wait for the full 13 tutorial

  • @ashishverma9840
    @ashishverma9840 Жыл бұрын

    feels good to watch your videos.. after banging my head with Typescript :)

  • @winstijnsmit3752
    @winstijnsmit3752 Жыл бұрын

    Very cool that you included the Goliath at 0:30. I went to that theme park this summer!

  • @ba8e
    @ba8e Жыл бұрын

    Awesome! A couple more versions, and this may barely touch Svelte.

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

  • @fakedevdutt
    @fakedevdutt Жыл бұрын

    Excited for new next tutorial sir! 🙇

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

  • @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?

  • @nero1375
    @nero1375 Жыл бұрын

    Wait, Vue and Nuxt don't already do this stuff about years from now?

  • @jackcriss100
    @jackcriss100 Жыл бұрын

    well done! I'll keep using remix.

  • @piotrrodzen772
    @piotrrodzen7728 ай бұрын

    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

  • @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 😒

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

  • @SadanandGopal17feb
    @SadanandGopal17feb Жыл бұрын

    Thanx I'm searching for this 😁

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

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

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

  • @Alphfirm
    @Alphfirm Жыл бұрын

    Exciting! Better explanation than the official presentation from Vercel. Guess I will wait for a few updates until mutation is easier

  • @md.fazlulkarim8847
    @md.fazlulkarim8847 Жыл бұрын

    Old Projects: I'm going to pretend there isn't an update! New Project: Come baby, light my fire!

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

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

  • @josephmasongsong11
    @josephmasongsong11 Жыл бұрын

    I’m from Vancouver and I love that you used the riot photo 😂

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

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

  • @ajiraqii
    @ajiraqii Жыл бұрын

    We need a course on this ASAP 😁

  • @husseinkizz
    @husseinkizz Жыл бұрын

    Am glad that I learnt next js, it's the future of react and fireship is our time travelling mentor!

  • @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”

  • @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 😅

  • @heygema
    @heygema Жыл бұрын

    Fireship is the most entertaining yet educative creator out there, lmao, like the videos are actually that addicting.

  • @thekrixhna
    @thekrixhna Жыл бұрын

    Great video! How about a video on Backend development in 100 sec

  • @SXsoft99
    @SXsoft99 Жыл бұрын

    I see so many similarities with old php frameworks

  • @khangle6872

    @khangle6872

    Жыл бұрын

    Full circle i guess

  • @adamwright261
    @adamwright261 Жыл бұрын

    Yea...this is why I love Angular being a one-stop-shop for basically everything.

  • @kuroshhusseini8170
    @kuroshhusseini8170 Жыл бұрын

    Great content!!

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

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

  • @cgeidt92
    @cgeidt92 Жыл бұрын

    Nuxt 3 vs Next 13 would be awesome!

  • @eliav3
    @eliav3 Жыл бұрын

    I do you make all these amazing videos that rapidly? you are really one man army!

  • @heddshot87
    @heddshot87 Жыл бұрын

    420 seconds 😆 you're taking absolutely every opportunity to joke around. Love it!

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

  • @howl2339
    @howl2339 Жыл бұрын

    So thats what came next. I just wish the framework was more reactive

  • @codewithguillaume
    @codewithguillaume Жыл бұрын

    I was there yesterday… I saw what they are capable of

  • @Thikondrius
    @Thikondrius Жыл бұрын

    It's been 0 days since a new js framework has been created.

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

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

  • @Alex-xl4xe
    @Alex-xl4xe Жыл бұрын

    I literally just finally got into Next and managed to understand the basics and they just went overboard with that, lol.

  • @XoStefan
    @XoStefan Жыл бұрын

    the "new" routing seems an awful lot like SvelteKits new routing that was released a couple weeks ago 🤔

  • @Mkrabs

    @Mkrabs

    Жыл бұрын

    "this looks cool.... yoink!"

  • @JimmySting

    @JimmySting

    Жыл бұрын

    Yeah...and that update does support API routes with its directory paradigm. The "+" file prefix had a bit of an initial shock, but I've warmed up to it.

  • @philheathslegalteam

    @philheathslegalteam

    Жыл бұрын

    RFC was released months ago for next. Rich harris Even said he copied it for Svelte

  • @silasobviously

    @silasobviously

    Жыл бұрын

    SvelteKit is such a joy to develop with. Never going back!

  • @dc22199x
    @dc22199x Жыл бұрын

    The page and layout is more likely inspired by sveltekit than remix 😂, later phases they will be copying the load() and actions

  • @jatinhemnani1029

    @jatinhemnani1029

    Жыл бұрын

    Rich Harris creator of Svelte now works at Vercel and contributing to Svelte full-time so they must have decided this

  • @roberthall9452

    @roberthall9452

    Жыл бұрын

    SvelteKit drew inspiration from unreleased NextJS.

  • @yogxoth1959
    @yogxoth1959 Жыл бұрын

    You had me at smörgåsbord.

  • @wlockuz4467
    @wlockuz4467 Жыл бұрын

    FINALLY NESTED ROUTES, waited so long for this.

  • @perhapsyes2493
    @perhapsyes2493 Жыл бұрын

    "This changes everything" ... like every year of web dev. Again and again. :')

  • @ahofi
    @ahofi Жыл бұрын

    I don't have much experience in Javascript and Next.js in general. I like the idea of the new file structure, but having hundreds of loading.js and page.js files makes see developer experience even worse.

  • @parkjae8970

    @parkjae8970

    Жыл бұрын

    I would imagine you would be able to declare global components where you can just import them…

  • @runonce

    @runonce

    Жыл бұрын

    Yes, that was one of the concerns on the RFC. If you prefer I think you can still use the previous "pages" system (without the ability to co-locate other components and assets).

  • @GrantGryczan

    @GrantGryczan

    Жыл бұрын

    It's not a problem in any decent IDE. VS Code, for example, shows you the folder name in the tab's label if you have multiple tabs with the same filename. I've been using this file structure for ages and haven't had any problem with it.

  • @theman7050
    @theman7050 Жыл бұрын

    Thank you so much! I guess I can not learn it for headless Wordpress :D

  • @codinginflow
    @codinginflow Жыл бұрын

    I'm currently refactoring a project from /pages to /app and I don't find the changes that dramatic so far

  • @Gelo2000origami
    @Gelo2000origami Жыл бұрын

    So every Next version is a game changer?

  • @theLowestPointInMyLife
    @theLowestPointInMyLife Жыл бұрын

    Web development is hilarious, it's the crypto space of programming

Келесі