manifest.json

Ajoutez ou générez un fichier manifest.(json|webmanifest) conforme à la Spécification du Manifeste Web dans le répertoire racine de app pour fournir des informations sur votre application web au navigateur.

Fichier Manifeste statique

app/manifest.json | app/manifest.webmanifest
{
  "name": "My Next.js Application",
  "short_name": "Next.js App",
  "description": "An application built with Next.js",
  "start_url": "/"
  // ...
}

Générer un fichier Manifeste

Ajoutez un fichier manifest.js ou manifest.ts qui retourne un objet Manifest.

Bon à savoir : manifest.js est un gestionnaire de route spécial qui est mis en cache par défaut, sauf s'il utilise une API Dynamique ou une option de configuration dynamique.

import type { MetadataRoute } from 'next'

export default function manifest(): MetadataRoute.Manifest {
  return {
    name: 'Next.js App',
    short_name: 'Next.js App',
    description: 'Next.js App',
    start_url: '/',
    display: 'standalone',
    background_color: '#fff',
    theme_color: '#fff',
    icons: [
      {
        src: '/favicon.ico',
        sizes: 'any',
        type: 'image/x-icon',
      },
    ],
  }
}

Objet Manifest

L'objet manifest contient une liste étendue d'options qui peuvent être mises à jour en raison des nouvelles normes web. Pour obtenir des informations sur toutes les options actuelles, référez-vous au type MetadataRoute.Manifest dans votre éditeur de code si vous utilisez TypeScript ou consultez la documentation MDN.

On this page