Next.js 13 / What's new?

I'm watching the Next.js 13 launch and here are the most important takeaways from the conference:

1. They are launching Turbopack, a successor to Webpack. Why it's special is it's built on Rust which is incredibly more faster. My takeaway is that I have been seeing this pattern across the industry where native languages are starting to take center-stage again. (Earlier, the priority was shipping products fast and hence heavy applications were a norm) Now, more large scale applications are moving closer to native languages that run closer to the processor, prioritizing efficiency and performance over all else. Finally, UX is taking precedence.

2. They have introduced "Server Components," an amalgamation of SSR and SSG, at least from what I understand. What this allows you to do is load a website/webapp in parts. Now, THIS allows you to reuse components and save precious load time (Components such as the search bar, menu, header and footer, etc.)

3. Now this is my personal favorite: next/fonts. The largest chunk of my testing pipeline is dedicated to fixing minor gripes like content shift. Don't you hate it when your website loads with a basic sans serif font until your perfectly curated font loads? This fixes that. Don't ask me how, I haven't gone through the docs yet.

And that concludes our breakdown of the Nextjs Starter + Vercel Conference.

Check out their official docs here: https://lnkd.in/gt-cET9s

PS: Most of these features are still in alpha/beta stages so be mindful of this before switching over to 13 for production builds.

PPS: Drop a comment below if you want to see a migration tutorial for nextjs 13.