nextjs定义viewport对象

在nextjs中可以使用静态对象或者动态函数自定义页面初始视口。 可以在layout.jsx或者page.jsx文件中定义进行导出。

下面是定义一个Viewport对象。

import type { Viewport } from 'next';

export const viewport: Viewport = {
  themeColor: 'black',
}

generateViewport函数

export function generateViewport({ params }) {
  return {
    themeColor: '...'
  }
}

如果视口是静态的就不需要定义上面两个了。