manifest.json

Добавьте или сгенерируйте файл manifest.(json|webmanifest), соответствующий спецификации Web Manifest, в корневой директории app, чтобы предоставить браузеру информацию о вашем веб-приложении.

Статический файл манифеста

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": "/"
  // ...
}

Генерация файла манифеста

Добавьте файл manifest.js или manifest.ts, который возвращает объект Manifest.

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

Объект манифеста содержит обширный список опций, которые могут обновляться в соответствии с новыми веб-стандартами. Для получения информации обо всех текущих опциях обратитесь к типу MetadataRoute.Manifest в вашем редакторе кода, если используете TypeScript, или ознакомьтесь с документацией на MDN.