Next.js 14 : Le guide complet

Next.js 14 apporte de nouvelles fonctionnalités puissantes pour le développement React.

App Router

Le nouveau routeur basé sur les dossiers simplifie la navigation.

// app/page.jsx
export default function Home() {
  return <h1>Accueil</h1>;
}
 

Server Components

Réduisez la taille du bundle JavaScript en rendant les composants côté serveur.

async function BlogPost({ id }) {
  const post = await fetchPost(id);
  return <article>{post.content}</article>;
}
 

Server Actions

Simplifiez les mutations de données avec les Server Actions.

async function createPost(formData) {
  'use server';
  const title = formData.get('title');
  await db.posts.create({ title });
}