Introducción/Referencia de API/Convenciones del sistema de archivos/Archivos de metadatos/manifest.json
manifest.json
Agrega o genera un archivo manifest.(json|webmanifest) que cumpla con la Especificación de Manifest Web en el directorio raíz de app para proporcionar información sobre tu aplicación web al navegador.
Archivo Manifest estático
{
"name": "My Next.js Application",
"short_name": "Next.js App",
"description": "An application built with Next.js",
"start_url": "/"
// ...
}Generar un archivo Manifest
Agrega un archivo manifest.js o manifest.ts que retorne un objeto Manifest.
Bueno saber:
manifest.jses un Manejador de Rutas especial que se almacena en caché por defecto a menos que use una API Dinámica u opción de configuración dinámica.
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',
},
],
}
}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',
},
],
}
}Objeto Manifest
El objeto manifest contiene una extensa lista de opciones que pueden actualizarse debido a nuevos estándares web. Para información sobre todas las opciones actuales, consulta el tipo MetadataRoute.Manifest en tu editor de código si usas TypeScript o revisa la documentación de MDN.