Nuxt•3d ago

Self Hosted ISR

Hey is there a way to use ISR without using vercel or netlify like mentioned in the docs?

2 Replies

Hi @Lewis. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Yes, you can use Incremental Static Regeneration (ISR) with Nuxt without being limited to Vercel or Netlify. Nuxt supports hybrid rendering through its route rules, which allows you to implement ISR-like functionality on various hosting platforms. In Nuxt, you can configure ISR using the routeRules option in your nuxt.config.ts file:

export default defineNuxtConfig({
  routeRules: {
    '/blog': { isr: 3600 }, // Blog posts page revalidates in background, cached for 1 hour
    '/blog/**': { isr: true }, // Blog post pages generated on demand once until next deployment
  }
})

export default defineNuxtConfig({
  routeRules: {
    '/blog': { isr: 3600 }, // Blog posts page revalidates in background, cached for 1 hour
    '/blog/**': { isr: true }, // Blog post pages generated on demand once until next deployment
  }
})

While Vercel and Netlify have native support for ISR that Nuxt automatically leverages, the ISR functionality is actually implemented through Nuxt's server engine, Nitro, which supports universal deployment across many platforms. For self-hosted environments, you have several options: 1. Use the Node.js server preset, which can cache responses and implement the ISR behavior 2. Deploy to edge computing platforms that support JavaScript 3. Use serverless environments with database persistence The key is that Nitro's caching layer handles the ISR functionality, storing and serving cached content while regenerating it in the background when needed. If you're looking to self-host, you might want to explore options like: - Docker containers with the Node.js server preset - Self-hosted serverless platforms - Edge computing platforms that support JavaScript runtimes Remember that for ISR to work properly in self-hosted environments, you'll need to ensure your setup supports persistent caching between requests. Hybrid Rendering in Nuxt is designed to work across different deployment targets, not just the specifically mentioned providers. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•3d ago

<@304249277096525824> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

Self Hosted ISR

Did you find this page helpful?