DEV Community

Cover image for Quick overview of Next JS 14 Updates
Mukesh Kuiry
Mukesh Kuiry

Posted on

Quick overview of Next JS 14 Updates

Hello 👋 and welcome to the new Next JS 14. Yes, you've heard it right, within 12 months Next JS 14 is here🏃. Let's look at the updates:

• Turbopack 🚄
• Server Actions(Stable)
• Partial Prerendering(Preview) 🪟
• Next.js Learn(New) 🏫

Turbopack 🚄

Between performance 🚀 and features, performance always wins 🥇.

Initially, they thought of changing the source language but eventually continued with the Rust Engine.

5000 integration tests for the next dev are now passing with Turbopack 😎, the underlying Rust Engine. These tests include 7 years ⏲️ of bug fixes and reproductions🤯.

After testing on http://vercel.com with the new Next 14
• Up to 53.3% faster local server startup 🚀
• Up to 94.7% faster code updates with Fast Refresh 🔄

Server Actions(Stable)

Next JS 13 was great but one key missing 😭 ingredient is Server Actions. Now with Next JS 14, Server Actions are stable 😀 and we can call them from anywhere.

Form code for server actions

Data updating, ren-rendering, or redirecting can now happen in one network roundtrip 🛜. You can now also reuse the different actions♻️ .

Partial Prerendering(Preview)

If you are a front-end developer, this improvement is for you.

loading ? :

I hope you have seen this syntax 😁. It's annoying to handle the fetch time delay⏳.

Partial Prerendering comes here with your Suspense boundaries🪟. Here's how it works.

Skeleton via partial prerender

Next.js Learn(New)

Vercel comes with some great & brand new free courses.

• Styling and Tailwind CSS
• Optimizing Fonts and Images
• Creating Layouts and Pages
• Navigating Between Pages
• Setting Up Your Postgres Database
• Fetching Data with Server Components
• Static and Dynamic Rendering
• Streaming
• Partial Prerendering (Optional)
• Adding Search and Pagination
• Mutating Data
• Handling Errors
• Improving Accessibility
• Adding Authentication
• Adding Metadata

Happy to see your opinion on these changes.
Connect for more :)

Top comments (0)