Prerendering not working

   export default defineNuxtConfig({
     // ... your existing config
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
         ignore: ['/api']
       }
     }
   })
   

   export default defineNuxtConfig({
     // ... your existing config
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
         ignore: ['/api']
       }
     }
   })
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/api/**': { prerender: false }
     }
   })
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/api/**': { prerender: false }
     }
   })
   

   npx nuxi build -- --dotenv .env.production
   

   npx nuxi build -- --dotenv .env.production
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     }
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     }
   })
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/api/**': { prerender: false }
     }
   })
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/api/**': { prerender: false }
     }
   })
   

   npx nuxi generate --dotenv .env.production
   

   npx nuxi generate --dotenv .env.production
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     }
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     }
   })
   

   NODE_OPTIONS="--max-old-space-size=8192" nuxi generate
   

   NODE_OPTIONS="--max-old-space-size=8192" nuxi generate
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/page1': { prerender: true },
       '/page2': { prerender: true },
       // Add more routes as needed
     }
   })
   

   export default defineNuxtConfig({
     routeRules: {
       '/': { prerender: true },
       '/page1': { prerender: true },
       '/page2': { prerender: true },
       // Add more routes as needed
     }
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         concurrency: 1,
         interval: 1000,
         failOnError: false,
       }
     }
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         concurrency: 1,
         interval: 1000,
         failOnError: false,
       }
     }
   })
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   if (process.client && error.value) {
     showError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   if (process.client && error.value) {
     showError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   <template>
     <NuxtErrorBoundary>
       <!-- Your normal content here -->
       <template #error="{ error }">
         <div>
           <h1>{{ error.statusCode }}</h1>
           <p>{{ error.message }}</p>
         </div>
       </template>
     </NuxtErrorBoundary>
   </template>
   

   <template>
     <NuxtErrorBoundary>
       <!-- Your normal content here -->
       <template #error="{ error }">
         <div>
           <h1>{{ error.statusCode }}</h1>
           <p>{{ error.message }}</p>
         </div>
       </template>
     </NuxtErrorBoundary>
   </template>
   

   const nuxtApp = useNuxtApp()
   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     const err = createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
     nuxtApp.callHook('app:error', err)
     useError(err)
   }
   

   const nuxtApp = useNuxtApp()
   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     const err = createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
     nuxtApp.callHook('app:error', err)
     useError(err)
   }
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     },
     logLevel: 'debug'  // Add this line
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     },
     logLevel: 'debug'  // Add this line
   })
   

   NODE_OPTIONS="--trace-warnings" nuxi generate
   

   NODE_OPTIONS="--trace-warnings" nuxi generate
   

   export default defineNuxtConfig({
     // ... other config
     hooks: {
       'build:before': () => {
         process.on('unhandledRejection', (reason, promise) => {
           console.log('Unhandled Rejection at:', promise, 'reason:', reason)
         })
       }
     }
   })
   

   export default defineNuxtConfig({
     // ... other config
     hooks: {
       'build:before': () => {
         process.on('unhandledRejection', (reason, promise) => {
           console.log('Unhandled Rejection at:', promise, 'reason:', reason)
         })
       }
     }
   })
   

   <script setup lang="ts">
   const props = defineProps({
     error: Object
   })

   const handleError = () => clearError({ redirect: '/' })
   </script>

   <template>
     <div>
       <h2>{{ error.statusCode }}</h2>
       <pre>{{ error.stack }}</pre>
       <button @click="handleError">Clear errors</button>
     </div>
   </template>
   

   <script setup lang="ts">
   const props = defineProps({
     error: Object
   })

   const handleError = () => clearError({ redirect: '/' })
   </script>

   <template>
     <div>
       <h2>{{ error.statusCode }}</h2>
       <pre>{{ error.stack }}</pre>
       <button @click="handleError">Clear errors</button>
     </div>
   </template>
   

   npm update nuxt @nuxt/kit nitropack
   

   npm update nuxt @nuxt/kit nitropack
   

   "scripts": {
     "dev": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt dev",
     "generate": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt generate"
   }
   

   "scripts": {
     "dev": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt dev",
     "generate": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt generate"
   }
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     },
     logLevel: 'debug'
   })
   

   export default defineNuxtConfig({
     nitro: {
       prerender: {
         crawlLinks: true,
         routes: ['/'],
       }
     },
     logLevel: 'debug'
   })
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     console.error('Error fetching data:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     console.error('Error fetching data:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   <script setup lang="ts">
   const props = defineProps({
     error: Object
   })

   const handleError = () => clearError({ redirect: '/' })
   </script>

   <template>
     <div>
       <h2>{{ error.statusCode }}</h2>
       <pre>{{ error.stack }}</pre>
       <button @click="handleError">Clear errors</button>
     </div>
   </template>
   

   <script setup lang="ts">
   const props = defineProps({
     error: Object
   })

   const handleError = () => clearError({ redirect: '/' })
   </script>

   <template>
     <div>
       <h2>{{ error.statusCode }}</h2>
       <pre>{{ error.stack }}</pre>
       <button @click="handleError">Clear errors</button>
     </div>
   </template>
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     console.error('Error fetching data:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   const { data, error } = await useCraftQuery('entries')
     .uri(uri.value)
     .site(currentSite.value.handle)
     .one()

   if (error.value) {
     console.error('Error fetching data:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       statusMessage: error.value.statusMessage || 'An error occurred',
       message: `Failed to fetch entry: ${error.value.message}`,
     })
   }
   

   try {
     const { data, error } = await useCraftQuery('entries')
       .uri(uri.value)
       .site(currentSite.value.handle)
       .one()

     if (error.value) throw error.value

     // Process your data here
   } catch (err) {
     console.error('Error in data fetching:', err)
     throw createError({
       statusCode: 500,
       message: 'Failed to fetch data',
     })
   }
   

   try {
     const { data, error } = await useCraftQuery('entries')
       .uri(uri.value)
       .site(currentSite.value.handle)
       .one()

     if (error.value) throw error.value

     // Process your data here
   } catch (err) {
     console.error('Error in data fetching:', err)
     throw createError({
       statusCode: 500,
       message: 'Failed to fetch data',
     })
   }
   

   function fetchFn(url: string) {
     return useAsyncData(`craftcms:${url}`, async () => {
       try {
         const response = await $fetch(url)
         return response
       } catch (error) {
         console.error('Error fetching data:', error)
         throw createError({
           statusCode: error.response?.status || 500,
           message: error.message || 'An error occurred while fetching data',
         })
       }
     })
   }
   

   function fetchFn(url: string) {
     return useAsyncData(`craftcms:${url}`, async () => {
       try {
         const response = await $fetch(url)
         return response
       } catch (error) {
         console.error('Error fetching data:', error)
         throw createError({
           statusCode: error.response?.status || 500,
           message: error.message || 'An error occurred while fetching data',
         })
       }
     })
   }
   

   one() {
     const url = queryBuilder.buildUrl('one')
     console.log('Fetching from URL:', url)
     return fetchFn(url)
   }
   

   one() {
     const url = queryBuilder.buildUrl('one')
     console.log('Fetching from URL:', url)
     return fetchFn(url)
   }
   

   import { hash } from 'ohash'

   function fetchFn(url: string) {
     const key = `craftcms:${hash(url)}`
     return useAsyncData(key, () => $fetch(url))
   }
   

   import { hash } from 'ohash'

   function fetchFn(url: string) {
     const key = `craftcms:${hash(url)}`
     return useAsyncData(key, () => $fetch(url))
   }
   

   const { data, error } = await useCraftQuery('entries').one()
   if (error.value) {
     console.error('Error in useCraftQuery:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       message: error.value.message || 'Failed to fetch entry',
     })
   }
   

   const { data, error } = await useCraftQuery('entries').one()
   if (error.value) {
     console.error('Error in useCraftQuery:', error.value)
     throw createError({
       statusCode: error.value.statusCode || 500,
       message: error.value.message || 'Failed to fetch entry',
     })
   }
   

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... andere Konfigurationen
})

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... andere Konfigurationen
})

NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

const config = useRuntimeConfig()

// Verwenden Sie config.public.apiBase für Ihre API-Aufrufe
const { data } = await useFetch(`${config.public.apiBase}api/endpoint`)

const config = useRuntimeConfig()

// Verwenden Sie config.public.apiBase für Ihre API-Aufrufe
const { data } = await useFetch(`${config.public.apiBase}api/endpoint`)

export default defineNuxtConfig({
  // ... andere Konfigurationen
  nitro: {
    devProxy: {
      '/api': {
        target: '<https://craft-nuxt-starter.ddev.site/',>
        changeOrigin: true,
      }
    }
  }
})

export default defineNuxtConfig({
  // ... andere Konfigurationen
  nitro: {
    devProxy: {
      '/api': {
        target: '<https://craft-nuxt-starter.ddev.site/',>
        changeOrigin: true,
      }
    }
  }
})

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const fullUrl = ref(new URL(route.fullPath, baseUrl).href)

  watch(route, () => {
    fullUrl.value = new URL(route.fullPath, baseUrl).href
  })

  return fullUrl
}

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const fullUrl = ref(new URL(route.fullPath, baseUrl).href)

  watch(route, () => {
    fullUrl.value = new URL(route.fullPath, baseUrl).href
  })

  return fullUrl
}

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... andere Konfigurationen
})

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... andere Konfigurationen
})

NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const getFullUrl = () => {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const getFullUrl = () => {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}

// nuxt.config.ts
export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... other configurations
})

// nuxt.config.ts
export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || '<https://craft-nuxt-starter.ddev.site/'>
    }
  },
  // ... other configurations
})

# .env
NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

# .env
NUXT_PUBLIC_API_BASE=<https://craft-nuxt-starter.ddev.site/>

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const getFullUrl = () => {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  const getFullUrl = () => {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  function getFullUrl() {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}

import { useRuntimeConfig, useRoute, ref, watch } from '#imports'
import { useNuxtApp } from '#app'

export function useCraftFullUrl() {
  const config = useRuntimeConfig()
  const route = useRoute()
  const nuxtApp = useNuxtApp()

  const baseUrl = config.public.apiBase || '<https://craft-nuxt-starter.ddev.site/'>

  function getFullUrl() {
    if (nuxtApp.isHydrating && nuxtApp.payload.prerenderedAt) {
      // We are in prerendering mode
      return new URL(route.fullPath, baseUrl).href
    } else if (import.meta.server) {
      // Server-side, not prerendering
      return useRequestURL().href
    } else {
      // Client-side
      return window.location.href
    }
  }

  const fullUrl = ref(getFullUrl())

  watch(route, () => {
    fullUrl.value = getFullUrl()
  })

  return fullUrl
}