// nuxt.config.ts
routeRules: {
  '/': { prerender: true },        // الصفحة الرئيسية: بناء مرة واحدة
  '/products': { swr: 3600 },      // قائمة المنتجات: تخزين مؤقت لساعة
  '/products/**': { swr: 86400 },  // تفاصيل المنتج: تخزين مؤقت ليوم
  '/admin/**': { ssr: false }      // لوحة التحكم: العميل فقط
}

// nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    // الصفحة الرئيسية: تصيير مسبق أثناء البناء
    '/': { prerender: true },

    // صفحات ثابتة
    '/about': { prerender: true },
    '/privacy': { prerender: true },

    // قائمة المنتجات: ISR مع تخزين مؤقت لساعة
    '/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 },
    // تفاصيل المنتج: تخزين مؤقت لساعة
    '/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 },           // ساعة واحدة
    '/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: مخزّن مؤقتاً لمدة 24 ساعة عبر routeRules swr: 86400
const route = useRoute()
const { data: product } = await useFetch(`/api/products/${route.params.id}`)
</script>