manifest.json
Добавьте или создайте файл manifest.(json|webmanifest), соответствующий спецификации Web Manifest, в корневой директории app, чтобы предоставить браузеру информацию о вашем веб-приложении.
Статический файл манифеста
{
"name": "My Next.js Application",
"short_name": "Next.js App",
"description": "An application built with Next.js",
"start_url": "/"
// ...
}Генерация файла манифеста
Добавьте файл manifest.js или manifest.ts, который возвращает объект Manifest.
Полезно знать:
manifest.js— это специальный обработчик маршрутов, который кешируется по умолчанию, если не используются динамические API или опции динамической конфигурации.
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',
},
],
}
}Manifest объект
Объект манифеста содержит обширный список опций, которые могут обновляться в связи с новыми веб-стандартами. Для получения информации обо всех текущих опциях обратитесь к типу MetadataRoute.Manifest в вашем редакторе кода, если используете TypeScript, или ознакомьтесь с документацией MDN.