manifest.json
Fügen Sie eine manifest.(json|webmanifest)-Datei, die der Web Manifest-Spezifikation entspricht, im Stammverzeichnis des app-Ordners hinzu oder generieren Sie sie, um Informationen über Ihre Webanwendung für den Browser bereitzustellen.
Statische Manifest-Datei
{
"name": "My Next.js Application",
"short_name": "Next.js App",
"description": "An application built with Next.js",
"start_url": "/"
// ...
}Manifest-Datei generieren
Fügen Sie eine manifest.js- oder manifest.ts-Datei hinzu, die ein Manifest-Objekt zurückgibt.
import { 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',
},
],
}
}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 aktualisiert werden können. Informationen zu allen aktuellen Optionen finden Sie im Typ MetadataRoute.Manifest in Ihrem Code-Editor, wenn Sie TypeScript verwenden, oder in den MDN-Dokumenten.