Fichiers de métadonnées
Déposez des fichiers statiques avec des noms conventionnels dans src/app/ et bext les sert à des URL prévisibles. Le runtime injecte automatiquement les balises <link rel="icon">, <link rel="apple-touch-icon">, <meta property="og:image"> dans <head> pour toutes les routes descendantes.
Astuce
Les overrides sont par segment : un fichier opengraph-image.png dans src/app/blog/ ne remplace l'image OG que pour /blog/* et ses descendants — les autres routes héritent toujours de la racine. Aucune configuration requise : il suffit de déposer le fichier.
Inspecter le head
Affichez le source de cette page — le <head> contient les balises auto-injectées pointant vers les fichiers SVG dans le répertoire src/app/ de la démo.
Essayer les URL
- /icon.svg — icône (favicon)
- /apple-icon.svg — apple-touch-icon
- /opengraph-image.svg — image OpenGraph
- /sitemap.xml — sitemap
- /robots.txt — robots
// src/app/icon.svg → /icon.svg
// src/app/apple-icon.svg → /apple-icon.svg
// src/app/opengraph-image.svg → /opengraph-image.svg
// src/app/twitter-image.png → /twitter-image.png
// src/app/sitemap.xml → /sitemap.xml
// src/app/robots.txt → /robots.txt
// Per-segment override (Next.js semantics):
// src/app/blog/opengraph-image.png → /blog/opengraph-image.png
// (auto-injected for all routes under /blog/*)