ملف 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.

معلومة مفيدة: manifest.js هو معالج مسارات خاص يتم تخزينه مؤقتًا افتراضيًا ما لم يستخدم واجهة برمجة تطبيقات ديناميكية أو خيار تهيئة ديناميكية.

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.