manifest.json
在 app
目录的 根目录 下添加或生成符合 Web Manifest 规范 的 manifest.(json|webmanifest)
文件,用于向浏览器提供您的网页应用信息。
静态 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
文件。
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 对象
manifest 对象包含大量可能因新网络标准而更新的选项。如需了解所有当前选项,请参阅代码编辑器中的 MetadataRoute.Manifest
类型(如果使用 TypeScript),或查看 MDN 文档。