Next.js 13… this changes everything

#javascript #tech #TheCodeReport

💬 Chat with Me on Discord

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code YT25 for 25% off PRO access

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Should I upgrade to Next 13?
- Vite vs Turbopack
- Replacing webpack with Turbopack

[geeshta]

In NextJS 14, each component will be directory based and each html tag will get its own file.

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

[szorneo]

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!

[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

[williammccullough]

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

[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

[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

[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!

[..]

Personally I think the constant release of "groundbreaking solutions" is more of a testament to the sea of self-inflicted problems in web development.

[bvzpRTZMJQmKiWAFyohH]

I like how nuanced you present the changes and give props to the people in the community.

[avidworkslol]

Not gonna lie, I was struggling to understand the concepts of Next13 after watching the conference, but this made everything make more sense. I'm actually kind of excited for it now.

[DominikGiroux]

Perfectly timed as always, was looking at the new docs just this morning

[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!

[imraninfrarote]

"All is fair in love and MIT Licence code"
Made my day

[rulofmg]

There should be an AI that can automatically refactor a framework to the next version

[ShafterPlay]

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

[iliatalebzade]

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

[tomaszsikora]

They finally did it, nested routing with layouts. Now I can finally start a project in next.js

[bfrank]

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.

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