Build fully static Site | Nuxt | Page 1

bright shell Nov 18, 2022, 11:43 AM

#

I have pages with data I pull from a headless cms, how can I generate a fully static site, that fetches the data when building so that I dont have any api-requests anymore in the build-version? is that possible? I am pulling the data in via useFetch.

hidden zenith Nov 18, 2022, 4:05 PM

#

You can use nuxi generate https://nuxt.com/docs/getting-started/deployment#crawl-based-pre-rendering

Nuxt

Deployment • Nuxt

Deploy on a Node.js server, pre-render for static hosting and to serverless or edge environments.

bright shell Nov 18, 2022, 7:09 PM

#

thanks for your reply, unfortunately that does not work, I would expect the api-requests in my code to being execute when I run next generate so my html-files end up with the content of the api-requests, but thats not the case, the api-requests are untouched

hidden zenith Nov 18, 2022, 7:18 PM

#

I'm pretty sure payload extraction is enabled by default, but you can enable it manually, it's under the experimental features
https://nuxt.com/docs/api/configuration/nuxt-config#payloadextraction

Nuxt

Nuxt Configuration Reference • Nuxt

Nuxt makes web development intuitive and fun. The open source framework NuxtJS makes the development of modern web applications simple.

#Build fully static Site