How to integrate the AMP for Nuxt 3 project

[anjali89r]

Hi team,
I'm looking for some help to integrate amp for my nuxt3 project. I used the nuxt 2 example for my nuxt 2 project. Currently, I'm migrating to 3 and any guidance on what hooks to be used will be helpful.

[Baroshem]

Hey, you should be able to do similar in nuxt 3 but probably with different hooks.

https://nuxt.com/docs/api/advanced/hooks#nuxt-hooks-build-time

builder:generateApp

https://nuxt.com/docs/api/advanced/hooks#nitro-app-hooks-runtime-server-side

render:html

[Baroshem]

I would go for it :)

[madhusudanbabar]

Is it working? @anjali89r

[dhaladitya108]

hy! @anjali89r did it work?

[gtomanini]

Another option is use the experimentalNoScript and create your html amp. For scripts use the <script setup>. For example in nuxt.config.js:

and then on your page:

For me its working and google recognize as a AMP page

[manasigajbare88]

hey @anjali89r can you share how you integrated the amp with nuxt 3