[v3] Page not found on preview after generate

[brokuka]

Environment

---

• Operating System: Windows_NT
• Node Version: v22.12.0
• Nuxt Version: 3.15.3
• CLI Version: 3.20.0
• Nitro Version: 2.10.4
• Package Manager: pnpm@9.15.4
• Builder: -
• User Config: devtools, future, modules, eslint, compatibilityDate
• Runtime Modules: @nuxt/eslint@0.7.5, template-copyright@1.0.1, @nuxt/content@3.0.0, nuxt-security@2.1.5
• Build Modules: -

---

Version

v3

Reproduction

// ~/pages/[...slug].vue

<script setup lang="ts">
const route = useRoute()

const { data } = await useAsyncData(route.path, () => queryCollection('docs').path(route.path).first())
</script>

<template>
  <ContentRenderer v-if="data" :value="data" />
</template>

Content

Add some pages in content folder.

For example:

Description

Note

Using nuxt build all pages works as expected.

Getting 404 error on preview after generate nuxt generate. Works only page root /, for example if you have blog page there will be throwing error.

Additional context

No response

Logs

[thorge]

Same here. Maybe someone can elaborate on how to make static builds work?

In dev mode everything works fine. I tried both ssr: true/false. Pages are empty after build.

Update: It works now, I forgot a client-only tag 🤦

[undefinedhuman]

Hi, facing the same issue, only thing that works for me is defining the final paths in the nitro prerender block:

  nitro: {
    static: true,
    prerender: {
      routes: ["/sitemap.xml", "/", "/docs/getting-started/installation"],
    },
  },

[thorge]

Hi, facing the same issue, only thing that works for me is defining the final paths in the nitro prerender block:

nitro: {
static: true,
prerender: {
routes: ["/sitemap.xml", "/", "/docs/getting-started/installation"],
},
},

@undefinedhuman You might want to try to crawl your links when pre-rendering. This only works, if there a links pointing to your pages:

// nuxt.config.ts
nitro: {
  prerender: {
    crawlLinks: true
  }
}