ملف manifest.json

أضف أو أنشئ ملف manifest.(json|webmanifest) يتوافق مع مواصفات ويب مانيفست في الجذر من دليل 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.