// nuxt.config.ts
routeRules: {
  '/': { prerender: true },        // ホーム:ビルド時に1回
  '/products': { swr: 3600 },      // 商品一覧:1時間キャッシュ
  '/products/**': { swr: 86400 },  // 商品詳細:1日キャッシュ
  '/admin/**': { ssr: false }      // 管理画面:クライアントのみ
}

// nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    // ホーム:ビルド時に事前レンダリング
    '/': { prerender: true },

    // 静的ページ
    '/about': { prerender: true },
    '/privacy': { prerender: true },

    // 商品一覧:ISR 1時間キャッシュ
    '/products': { swr: 3600 },

    // 商品詳細:ISR 24時間キャッシュ
    '/products/**': { swr: 86400 },

    // カテゴリ:ISR 6時間キャッシュ
    '/categories/**': { swr: 21600 },

    // 管理画面:クライアント側レンダリングのみ
    '/admin/**': { ssr: false },

    // ユーザーページ:クライアント側
    '/profile/**': { ssr: false },

    // API:CORSヘッダー
    '/api/**': { cors: true },

    // リダイレクト
    '/shop/': { redirect: '/products/', redirectCode: 301 },

    // 静的アセットのカスタムヘッダー
    '/_nuxt/**': { headers: { 'cache-control': 'max-age=31536000' } }
  }
})

// 実行成功

// nuxt.config.ts - ISR設定
export default defineNuxtConfig({
  routeRules: {
    // 商品一覧:キャッシュから配信, 60秒ごとに再検証
    '/products': { swr: 60 },
    // 商品詳細:1時間キャッシュ
    '/products/**': { swr: 3600 }
  }
})

// 実行成功

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

  // 特定キャッシュルートをパージ
  await useStorage('cache').removeItem(`nitro:routes:${path}`)

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

// 実行成功

// nuxt.config.ts
export default defineNuxtConfig({
  nitro: {
    preset: 'vercel-edge'
  },
  routeRules: {
    // ホームはグローバルユーザー向けにエッジでレンダリング
    '/': { swr: 3600 },
    '/products/**': { swr: 86400 }
  }
})

// 実行成功

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

  routeRules: {
    // SSG:ビルド時に事前レンダリング
    '/': { prerender: true },
    '/about': { prerender: true },
    '/privacy': { prerender: true },
    '/contact': { prerender: true },

    // ISR:再検証付きキャッシュ
    '/products': { swr: 3600 },           // 1時間
    '/categories/**': { swr: 21600 },     // 6時間
    '/products/**': { swr: 86400 },       // 24時間

    // SSR:リアルタイムレンダリング
    '/search': { swr: 0 },

    // CSR:クライアント側のみ
    '/cart': { ssr: false },
    '/checkout/**': { ssr: false },
    '/profile/**': { ssr: false },
    '/admin/**': { ssr: false },

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

    // 静的アセット:長期キャッシュ
    '/_nuxt/**': { headers: { 'cache-control': 'public, max-age=31536000, immutable' } },
    '/images/**': { headers: { 'cache-control': 'public, max-age=86400' } }
  }
})

// 実行成功

<!-- pages/admin/dashboard.vue - 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:このページはサーバーレンダリングされない
definePageMeta({ ssr: false, layout: 'sidebar' })

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

<!-- pages/products/[id].vue - 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:routeRules swr: 86400で24時間キャッシュ
const route = useRoute()
const { data: product } = await useFetch(`/api/products/${route.params.id}`)
</script>