Démarrer avec Next.js 16

Introduction

Next.js 16 apporte plusieurs améliorations significatives, notamment au niveau des performances et de l'expérience développeur.

Nouveautés principales

Params asynchrones

Dans Next.js 16, params et searchParams sont désormais des Promises. Il faut les await :

export default async function Page({
  params,
}: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;
  // ...
}

Tailwind CSS v4

La configuration se fait directement dans le CSS avec @theme inline :

@theme inline {
  --color-primary: oklch(0.65 0.18 260);
  --font-sans: var(--font-geist-sans);
}

Plus besoin de tailwind.config.ts !

Création du projet

npx create-next-app@latest mon-app --typescript --tailwind --app --src-dir

Conclusion

Next.js 16 simplifie le développement tout en offrant des performances de premier plan. L'association avec Tailwind v4 et shadcn/ui permet de construire des interfaces modernes très rapidement.