Full static implementation for Nuxt 3
Full static implementation for Nuxt 3
⚠️ nuxt-full-static
is a proof of concept. ⚠️
👉 Roadmap and progress for nuxt 3 payload extraction support: nuxt/framework#6411
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
modules: ['nuxt-full-static'],
})
Automatically, all your useAsyncData
and useFetch
calls will be prefilled with static payloads. As long as you haven't set initialCache
or server
to false, you should not see these functions running on client-side at all. You can even stub them out by prefixing them with process.server &&
:
const { data } = useAsyncData(() => process.server && $fetch('https://my.api.com/data'))
However, you also retain the ability to opt-out, by manually calling refresh
. This will result in running the data fetching function again.
corepack enable
(use npm i -g corepack
for Node.js < 16.10)pnpm install
pnpm dev:prepare
pnpm dev
to start playground in development modeMade with ❤️
Published under the MIT License.