// nuxt.config.ts
routeRules: {
  '/': { prerender: true },        // Página inicial: build uma vez
  '/products': { swr: 3600 },      // Lista de produtos: cache 1 hora
  '/products/**': { swr: 86400 },  // Detalhe do produto: cache 1 dia
  '/admin/**': { ssr: false }      // Admin: somente cliente
}

// nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    // Página inicial: pré-renderizar em tempo de build
    '/': { prerender: true },

    // Páginas estáticas
    '/about': { prerender: true },
    '/privacy': { prerender: true },

    // Lista de produtos: ISR com cache de 1 hora
    '/products': { swr: 3600 },

    // Detalhe do produto: ISR com cache de 24 horas
    '/products/**': { swr: 86400 },

    // Categorias: ISR com cache de 6 horas
    '/categories/**': { swr: 21600 },

    // Admin: renderização somente no cliente
    '/admin/**': { ssr: false },

    // Páginas do usuário: somente cliente
    '/profile/**': { ssr: false },

    // API: cabeçalhos CORS
    '/api/**': { cors: true },

    // Redirecionamentos
    '/shop/': { redirect: '/products/', redirectCode: 301 },

    // Cabeçalhos personalizados para assets estáticos
    '/_nuxt/**': { headers: { 'cache-control': 'max-age=31536000' } }
  }
})

// Execução Bem-sucedida

// nuxt.config.ts - Configuração ISR
export default defineNuxtConfig({
  routeRules: {
    // Lista de produtos: servir do cache, revalidar a cada 60 segundos
    '/products': { swr: 60 },
    // Detalhe do produto: cache por 1 hora
    '/products/**': { swr: 3600 }
  }
})

// Execução Bem-sucedida

// server/api/invalidate-cache.post.ts
export default defineEventHandler(async (event) => {
  const { path } = await readBody(event)

  // Limpar rota em cache específica
  await useStorage('cache').removeItem(`nitro:routes:${path}`)

  return { message: `Cache invalidated for ${path}`, timestamp: Date.now() }
})

// Execução Bem-sucedida

// nuxt.config.ts
export default defineNuxtConfig({
  nitro: {
    preset: 'vercel-edge'
  },
  routeRules: {
    // Página inicial renderizada na borda para usuários globais
    '/': { swr: 3600 },
    '/products/**': { swr: 86400 }
  }
})

// Execução Bem-sucedida

// nuxt.config.ts
export default defineNuxtConfig({
  ssr: true,

  routeRules: {
    // SSG: Pré-renderizar em tempo de build
    '/': { prerender: true },
    '/about': { prerender: true },
    '/privacy': { prerender: true },
    '/contact': { prerender: true },

    // ISR: Cache com revalidação
    '/products': { swr: 3600 },           // 1 hora
    '/categories/**': { swr: 21600 },     // 6 horas
    '/products/**': { swr: 86400 },       // 24 horas

    // SSR: Renderização em tempo real
    '/search': { swr: 0 },

    // CSR: Somente no lado do cliente
    '/cart': { ssr: false },
    '/checkout/**': { ssr: false },
    '/profile/**': { ssr: false },
    '/admin/**': { ssr: false },

    // API
    '/api/**': { cors: true },

    // Assets estáticos: cache longo
    '/_nuxt/**': { headers: { 'cache-control': 'public, max-age=31536000, immutable' } },
    '/images/**': { headers: { 'cache-control': 'public, max-age=86400' } }
  }
})

// Execução Bem-sucedida

<!-- pages/admin/dashboard.vue - Modo CSR -->
<template>
  <div>
    <h1>Admin Dashboard</h1>
    <p>Rendering mode: Client-Side Only</p>
    <p>Current time: {{ currentTime }}</p>
  </div>
</template>

<script setup lang="ts">
// CSR: esta página NÃO é renderizada no servidor
definePageMeta({ ssr: false, layout: 'sidebar' })

const currentTime = ref(new Date().toISOString())
onMounted(() => {
  setInterval(() => {
    currentTime.value = new Date().toISOString()
  }, 1000)
})
</script>

<!-- pages/products/[id].vue - Modo ISR -->
<template>
  <div v-if="product">
    <h1>{{ product.name }}</h1>
    <p>${{ product.price }} USD</p>
    <p>Cache: revalidated every 24 hours</p>
  </div>
</template>

<script setup lang="ts">
// ISR: cache por 24 horas via routeRules swr: 86400
const route = useRoute()
const { data: product } = await useFetch(`/api/products/${route.params.id}`)
</script>