메타데이터 파일: manifest.json

메타데이터 파일: manifest.json | Next.js

소스 URL: https://nextjs.org/docs/app/api-reference/file-conventions/metadata/manifest

manifest.json

마지막 업데이트 2026년 2월 20일

브라우저에 웹 애플리케이션 정보를 제공하려면 app 디렉터리의 루트에 Web Manifest Specification을 준수하는 manifest.(json|webmanifest) 파일을 추가하거나 생성하세요.

정적 Manifest 파일

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 파일 생성

Manifest 객체를 반환하는 manifest.js 또는 manifest.ts 파일을 추가하세요.

알아두면 좋은 점: manifest.js는 특별한 Route Handler이며 Dynamic API나 dynamic config 옵션을 사용하지 않는 한 기본적으로 캐시됩니다.

app/manifest.ts

JavaScriptTypeScript

    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',
          },
        ],
      }
    }

Manifest 객체

manifest 객체에는 새로운 웹 표준으로 인해 변경될 수 있는 다양한 옵션이 포함되어 있습니다. 모든 최신 옵션 정보는 TypeScript를 사용하는 경우 코드 편집기에서 MetadataRoute.Manifest 타입을 참고하거나 MDN 문서를 확인하세요.

보내기