Next.js で viewport を設定する

app/layout.tsx

import type { Viewport } from 'next'

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  viewportFit: 'cover',
}

↓

これを設定すると、以下のようなメタタグが生成されます。

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />