manifest.json
在 app 目录的 根目录 下添加或生成符合 Web Manifest 规范 的 manifest.(json|webmanifest) 文件，用于向浏览器提供有关您的 Web 应用程序的信息。
静态 Manifest 文件
{
"name": "My Next.js Application",
"short_name": "Next.js App",
"description": "An application built with Next.js",
"start_url": "/"
// ...
}生成 Manifest 文件
添加一个返回 Manifest 对象 的 manifest.js 或 manifest.ts 文件。
须知：
manifest.js是一种特殊的路由处理器 (Route Handlers)，默认会被缓存，除非它使用了 动态 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 对象
manifest 对象包含大量可能因新 Web 标准而更新的选项。有关所有当前选项的信息，如果您使用 TypeScript，请参考代码编辑器中的 MetadataRoute.Manifest 类型，或查看 MDN 文档。