جلب بيانات الخادم والأخطاء وشكل المصدر

async function loadPublicCard(id:string) {
  const response=await fetch(`https://catalog.example.invalid/cards/${encodeURIComponent(id)}`,{cache:"no-store"});
  if (!response.ok) throw new Error("CATALOG_UNAVAILABLE");
  return validateCard(await response.json());
}

لا يتصل بالعنوان الاصطناعي، ويحتاج المحقق وسياسة الأهلية تنفيذين مراجعين.

function validateCard(value) {
  if (!value || typeof value !== "object" || Array.isArray(value) || typeof value.id !== "string" || typeof value.title !== "string") throw new Error("INVALID_CARD");
  return {id:value.id,title:value.title};
}
console.assert(validateCard({id:"c1",title:"Fetching",extra:"internal"}).title === "Fetching");
let rejected=false; try {validateCard({id:"c1",title:17});} catch {rejected=true;}
console.assert(rejected);

تختار العينة الصحيحة وترفض العنوان المخالف دون fetch أو تصيير Next.