What’s new in Next.js 14?

Tonmoy
1 min readOct 27, 2023

--

On 16th October vercel released their new version of next.js 14 which they clime they have fixed the previous issues with next.js 13.

The major improvements are:

  1. 53% faster local server startup.
  2. 2.94% faster code updates with Fast Refresh.

3. Integrated with caching & revalidating.

4. Simple function calls, or works natively with forms.

Also they have provided course to try next js 14 features.

Some Important Notes:
From now you have to use Node version 18.17 or above this is the minimum requirements

80% smaller function size of create-next-app which means the create time will be a lot faster then previous.
Caching system is improved.

Server Actions are deeply integrated into the entire App Router model. You can:

  • Revalidate cached data with revalidatePath() or revalidateTag()
  • Redirect to different routes through redirect()
  • Set and read cookies through cookies()
  • Handle optimistic UI updates with useOptimistic()
  • Catch and display errors from the server with useFormState()
  • Display loading states on the client with useFormStatus()

--

--

Tonmoy

Hands-on Polyglot Full Stack Developer| Backend enthusiast 🚀