manifest.json

Fügen Sie eine manifest.(json|webmanifest)-Datei hinzu oder generieren Sie diese, die der Web-Manifest-Spezifikation im Stammverzeichnis des app-Verzeichnisses entspricht, um dem Browser Informationen über Ihre Webanwendung bereitzustellen.

Statische Manifest-Datei

app/manifest.json

{
  "name": "Meine Next.js-Anwendung",
  "short_name": "Next.js App",
  "description": "Eine mit Next.js erstellte Anwendung",
  "start_url": "/"
  // ...
}

Manifest-Datei generieren

Fügen Sie eine manifest.js- oder manifest.ts-Datei hinzu, die ein Manifest-Objekt zurückgibt.

Hinweis: manifest.js ist ein spezieller Route-Handler, der standardmäßig zwischengespeichert wird, es sei denn, er verwendet eine dynamische API oder dynamische Konfigurationsoption.

app/manifest.ts

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',
      },
    ],
  }
}

app/manifest.js

export default function 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',
      },
    ],
  }
}

Manifest-Objekt

Das Manifest-Objekt enthält eine umfangreiche Liste von Optionen, die aufgrund neuer Webstandards möglicherweise aktualisiert werden. Informationen zu allen aktuellen Optionen finden Sie im MetadataRoute.Manifest-Typ in Ihrem Code-Editor bei Verwendung von TypeScript oder in der MDN-Dokumentation.