If you don’t know about it, Vercel is the creator of Next.js. They made a conference 3 days ago and Next.js 13 was released with it. Next.js is kinda king for the SSR world so we must know what the new version brings to us.
Vercel brings a lot of details for us to work more comfortably. They are short;
app/ Directory :
- Easier, faster, less client JS.
- Layouts
- React Server Components
- Streaming Turbopack (alpha) : Up to 700x faster Rust-based Webpack replacement. New next/image (stable) : Faster images with native lazy loading. New @next/font (beta) : Automatic self-hosted fonts with no layout shift. Improved next/link : Simplified API for component. app/ Directory (beta) Next.js already has a great file system with an automatic router. When you drop a file inside a folder, it instantly creates routes in our applications. No configurations are needed.
With Next.js 13, the file system is even better. You can create layouts easier and it makes you create UI so much faster. Also, with new server components, you can make server-first dynamic applications dynamically. And now we have async Server Components and extended fetch API enables component-level fetching.
Turbopack (alpha)
Next.js 13 brings us Turbopack, the new Rust-based successor to Webpack. Using the Turbopack alpha with Next.js 13 makes your app updates 700x faster than Webpack, 10x faster than Vite, and 4x faster cold starts than Webpack.
Do you understand what means 700x faster than Webpack? It’s a revolution!
Next.js 13 system requirements
Node.js 14.6.0 or newer, MacOs, Windows, and Linux are supported.
So, of course, I am not someone who codes with Next.js for years but I tried to share news about it as a full-stack developer. There are still too many like me, and I believe we must stay updated in the sector.
If you like the content, you can support me through the tips below. Also, don’t hesitate to share your opinions in the comment! See you in the next content.