This example shows how to create AMP pages using Next.js and the AMP feature. It shows a normal page (non-AMP), an AMP only page, and a hybrid AMP page.

Deploy the example using Vercel:

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example amp amp-app

yarn create next-app --example amp amp-app

pnpm create next-app --example amp amp-app

Deploy it to the cloud with Vercel (Documentation).