Ressources statiques

Next.js peut servir des fichiers statiques comme des images dans un dossier appelé public à la racine du projet. Les fichiers dans public peuvent ensuite être référencés dans votre code à partir de l'URL de base (/).

Par exemple, si vous ajoutez me.png dans public, le code suivant accédera à l'image :

import Image from 'next/image'

export function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

Pour les fichiers de métadonnées statiques comme robots.txt, favicon.ico, etc., vous devriez utiliser des fichiers de métadonnées spéciaux dans le dossier app.

Bon à savoir :

• Le répertoire doit s'appeler public. Le nom ne peut pas être modifié et c'est le seul répertoire utilisé pour servir des ressources statiques.
• Seules les ressources présentes dans le répertoire public au moment du build seront servies par Next.js. Les fichiers ajoutés au moment de la requête ne seront pas disponibles. Nous recommandons d'utiliser un service tiers comme AWS S3 pour le stockage persistant de fichiers.