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

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.