export const config = { amp: true }
这将为您的页面启用 AMP!该amp属性可以是true或'hybrid'。如果是true,则表示您的页面将仅支持 AMP;如果是 ,则'hybrid'页面将同时具有 AMP 版本和 HTML 版本。
仅限 AMP 的页面将不会在客户端运行 React 代码,并且AMP 优化器会自动应用于它。
有了它,您可以根据其isAmp真假返回 AMP 组件或 HTML。
至于您可以在页面上使用的 AMP 组件,在两种模式下,它们都是内置的!使用A 尼泊尔电报号码数据库 MP 组件目录中的组件,Next.js 将检测到它并自动为您导入。
注意事项
在 Next.js 项目中使用 AMP 时,您确实可以获得上述所有好处,但目前有两件事您无法使用:
CSS 模块 - 您只能在 AMP 页面中使用 CSS-in-JS 库。
TypeScript - AMP 尚未内置 TypeScript 类型。
在撰写本文时,这些事情正在积极地进行中,但是截至目前您还无法使用它们。
我想用 Next.js + AMP 构建一些东西!
当然可以!下面是一个入门应用程序,您可以自己尝试一下:
部署到 Netlify
(单击此按钮将把 Next.js 启动项目部署到 Netlify,并将其克隆到您选择的 Git 提供程序)
您还可以在此处阅读有关 AMP 的更多信息!