fix build

X7md · X7md · commit c9a7619c1cb7 · 2025-07-05T00:53:28.000+03:00
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -44,7 +44,9 @@ export default defineConfig({
     ],
     redirects: {
         '/about-me': '/about',
-        "/blog/[...slug]": "/posts/[...slug]"
+        "/blog/[...slug]": "/posts/[...slug]",
+        // Example:
+        // '/blog/awontech-ahalina-community-investmen-program': "/blog/post1",
     },
     markdown: {
         syntaxHighlight: false,
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -0,0 +1,19 @@
+import { defineCollection, z } from 'astro:content';
+
+const posts = defineCollection({
+  type: 'content',
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    pubDate: z.coerce.date(),
+    updatedDate: z.coerce.date().optional(),
+    draft: z.boolean().default(false),
+    tags: z.array(z.string()).default([]),
+    keyword: z.array(z.string()).default([]),
+    // Add more fields as needed
+  }),
+});
+
+export const collections = {
+  posts,
+};
diff --git a/src/content/posts/arabic-programming-content-online.md b/src/content/posts/arabic-programming-content-online.md
@@ -3,7 +3,6 @@ title: "المحتوى العربي البرمجي على الانترنت"
 pubDate: '2022/05/01'
 updatedDate: '2022/05/02'
 description: 'المحتوى البرمجي العربي على الإنترنت... وماذا يحتاج...'
-keyword: ["Content"]
 draft: false
 tags: ["Blogging"]
 ---
diff --git a/src/content/posts/awontech-ahalina-community-investmen-program.md b/src/content/posts/awontech-ahalina-community-investmen-program.md
@@ -4,7 +4,6 @@ image: /images/minimal-react-playground.jpg
 pubDate: '2025/01/21'
 draft: false
 description: 'البيانات وأهميتها...'
-# tags: ["Data"]
 ---
 > تنويه: هذه التدوينة انطباع مبدئي، حيث لم أنتهي من باقي جلسات البرنامج!
 
diff --git a/src/content/posts/data.md b/src/content/posts/data.md
@@ -4,7 +4,6 @@ image: /images/minimal-react-playground.jpg
 pubDate: '2023/11/27'
 draft: true
 description: 'البيانات وأهميتها...'
-tags: ["Data"]
 ---
 منذ سنتين تقريبًا وأنا أساهم في ويكي بيانات بشكل دوري بسيط
 في هذه التدوينة سأحاول سرد مفهومي و وجهة نظري الشخصية عن أهمية البيانات...
diff --git a/src/content/posts/javascript-arraybuffer.md b/src/content/posts/javascript-arraybuffer.md
@@ -2,9 +2,7 @@
 title: "نظرة على Memory inspector في كروم و ArrayBuffer في جافاسكربت."
 pubDate: '2023/06/03'
 description: 'نظرة سريعة على نوع البيانات ArrayBuffer في جافاسكربت.'
-keyword: ["Content"]
 draft: false
-tags: ["JavaScript"]
 ---
 
 > هذه التدوينة دسمة، تحوي مفاهيم منخفضة المستوى لا يسهل فهمها أو رؤية الفائدة منها على المبدئين.
diff --git a/src/content/posts/minimal-react-playground.md b/src/content/posts/minimal-react-playground.md
@@ -4,8 +4,6 @@ image: /images/minimal-react-playground.jpg
 pubDate: '2023/11/22'
 draft: false
 description: 'أسهل طريقة لتجهيز بيئة رياكت مبسطة، للتجارب'
-keyword: ["JavaScript", "React JS"]
-tags: ["React", "JavaScript"]
 ---
 > هذه التدوينة مستلهمة من تدوينة للدكتور (Axel Rauschmayer) **أكسل راوشماير** 
  [2ality - minimal-react](https://2ality.com/2020/08/minimal-react.html)
diff --git a/src/content/posts/react-tips.md b/src/content/posts/react-tips.md
@@ -4,21 +4,6 @@ image: /images/react-tips.jpg
 pubDate: '2023/03/13'
 draft: false
 description: 'مجموعة نصائح لمطوري رياكت جي أس الجدد'
-keyword: ["JavaScript", "React JS"]
-about: {
-    "@type": ["Thing", "SoftwareApplication"],
-    "applicationSubCategory": "https://www.wikidata.org/wiki/Q783866",
-    "applicationCategory": "DeveloperApplication",
-    "name": "React JS",
-    alternateName: ["React.JS", "رياكت", "رياكت جي اس"], 
-    description: "إطار عمل جافاسكربت، لبناء واجهات مستخدم تفاعلية",
-    url: "https://ar.reactjs.org/",
-    "offers": {
-        "@type": "Offer",
-        "price": "0"
-    }
-}
-tags: ["React", "JavaScript"]
 ---
 
 حظيتُ مؤخرًا بفرصة عمل كمطور واجهات أمامية في مشروع ناشئ، كان العمل عن بعد، أكملت
diff --git a/src/content/posts/seasonal-work-hajj-and-data.md b/src/content/posts/seasonal-work-hajj-and-data.md
@@ -2,9 +2,7 @@
 title: "البيانات والحج، والعمل الموسمي التقني"
 pubDate: '2024/07/26'
 description: 'ملخص تجربتي في العمل الموسمي في الحج في قطاع الجودة ومراقبة الأداء'
-keyword: ["experience"]
 draft: true
-tags: ["work", "hajj"]
 ---
 
 الحج فريضة عظيمة وشعيرة فضيلة، يخدم سكان مكة وما حولها ضيوف الرحمن
diff --git a/src/content/posts/structured-data.md b/src/content/posts/structured-data.md
@@ -3,9 +3,6 @@ title: "البيانات المنظّمة، وأثرها على موقعك"
 image: /images/structured-data.jpg
 pubDate: '2022/12/24'
 description: 'ماهي البيانات المنظّمة، وكيف تستفيد منها لمساعدة موقعك'
-keyword: ["Content"]
-draft: false
-tags: ["Data", "Blogging"]
 ---
 
 في الفترة الأخيرة، ومع تعمقي في مجال الويب وتحسين محركات البحث، تعرفت على شيء يدعى
diff --git a/src/content/posts/termux.md b/src/content/posts/termux.md
@@ -1,41 +1,11 @@
 ---
 title: "تجربتي مع  ترمكس"
 image: /images/termux-thm.jpg
-about: {
-    "@type": ["Thing", "SoftwareApplication"],
-    "applicationSubCategory": "https://www.wikidata.org/wiki/Q1071233",
-    "applicationCategory": "UtilitiesApplication",
-    "name": "Termux",
-    alternateName: ["ترمكس", "برنامج ترمكس"], 
-    description: "محاكي طرفية لينكس، يعمل على أجهزة اندرويد",
-    url: "https://termux.dev/",
-    "offers": {
-        "@type": "Offer",
-        "price": "0"
-    },
-    review: {
-        {
-      "@type": "Review",
-      "author": {
-        "@id": "https://x7md.net/about-me/#identity"
-      },
-      "reviewRating": {
-        "@type": "Rating",
-        "reviewRating": {
-            "@type": "Rating",
-            "ratingValue": "5"
-        }
-      }
-    },
-    }
-}
 pubDate: '2022/02/18'
 updatedDate: '2022/03/10'
 description: 'تجربتي الشخصية مع برنامج ترمكس'
 draft: false
 sameAs: "https://www.wikidata.org/wiki/Q60572759"
-keyword: ["Command Line", "Termux"]
-tags: ["Termux", "Android"]
 ---
 # تجربتي مع ترمكس
 ترمكس أحد التطبيقات الشهيرة في نظام أندرويد، ولطالما كان يُروج له أنه تطبيق يساعدك على عمليات الأختراق والتهكير... ولكن هل هذا استخدام ترمكس حقًا؟ والآن بعد تجربة شخصية دامت لأكثر من سنتين، سأحاول شرحه بشكل مبسط ومختصر.
diff --git a/src/content/posts/the-story-of-reactjs.md b/src/content/posts/the-story-of-reactjs.md
@@ -4,38 +4,7 @@ image: /images/the-story-of-reactjs.png
 sameAs: "https://www.wikidata.org/wiki/Q19399674"
 pubDate: '2022/05/03'
 updatedDate: '2022/05/05'
-about: {
-    "@type": ["Thing", "SoftwareApplication"],
-    "applicationSubCategory": "https://www.wikidata.org/wiki/Q783866",
-    "applicationCategory": "DeveloperApplication",
-    "name": "React JS",
-    alternateName: ["React.JS", "رياكت", "رياكت جي اس"], 
-    description: "إطار عمل جافاسكربت، لبناء واجهات مستخدم تفاعلية",
-    url: "https://ar.reactjs.org/",
-    "offers": {
-        "@type": "Offer",
-        "price": "0"
-    },
-    review: {
-        {
-      "@type": "Review",
-      "author": {
-        "@id": "https://x7md.net/about-me/#identity"
-      },
-      "reviewRating": {
-        "@type": "Rating",
-        "reviewRating": {
-            "@type": "Rating",
-            "ratingValue": "5"
-        }
-      }
-    },
-    }
-}
 description: 'سوف أتناول قصة مكتبة رياكت وكيف وصلنا إلى هذه المرحلة في مكتبات جافاسكربت'
-keyword: ["NodeJS", "JavaScript", "JS", "ReactJS"]
-draft: false
-tags: ["React"]
 ---
 
 أثناء محاولتي لتطوير مقالة رياكت في ويكيبيديا العربية، اتضطررت للرجوع قليلًا إلى تاريخ رياكت، كيف بدأت ولماذا اخترعتها فيسبوك ومن الشخص الذي اخترعها... كانت قصة مثيرة... عن تلك المشاكل التي كانت تواجه مطوري الويب آنذاك والحل الذي أتت به رياكت.  
diff --git a/src/content/posts/university-spin-off.md b/src/content/posts/university-spin-off.md
@@ -2,9 +2,7 @@
 title: "الشركات الجامعية المنبثقة (University Spin-Off)"
 pubDate: '2025/04/12'
 description: 'شرح مفهوم الشركات الجامعية المنبثقة، خصائصها، وكيفية تحويل الأبحاث والابتكارات إلى شركات تجارية.'
-keyword: ["Business", "University"]
 draft: false
-tags: ["Business", "Entrepreneurship", "Startups", "University"]
 ---
 يشير مصطلح University Spin-Off (وأحيانًا يُذكر كـ: University Spin-Out)
 إلى نوع من الشركات الناشئة، يُبنى عن طريق الجامعات 
diff --git a/src/content/posts/webassembly.md b/src/content/posts/webassembly.md
@@ -2,38 +2,8 @@
 title: "ما هي ويب أسمبلي؟"
 image: /images/webassembly.jpg
 pubDate: '2022/08/09'
-about: {
-    "@type": ["Thing", "SoftwareApplication"],
-    "applicationSubCategory": "https://www.wikidata.org/wiki/Q837330",
-    "applicationCategory": "DeveloperApplication",
-    "name": "WebAssembly",
-    alternateName: ["ويب أسمبلي", "تجميع الويب"], 
-    description: "شفرة بايت مفتوحة المصدر، تعمل على المتصفحات أو على بيئة تشغيل ويب اسمبلي",
-    url: "https://webassembly.org/",
-    "offers": {
-        "@type": "Offer",
-        "price": "0"
-    },
-    review: {
-        {
-      "@type": "Review",
-      "author": {
-        "@id": "https://x7md.net/about-me/#identity"
-      },
-      "reviewRating": {
-        "@type": "Rating",
-        "reviewRating": {
-            "@type": "Rating",
-            "ratingValue": "5"
-        }
-      }
-    },
-    }
-}
 description: 'لطالما سمعنا مصطلح ويب أسمبلي، ولكن ما الفكرة من ويب أسمبلي بالضبط؟'
-keyword: ["wasm", "WebAssembly"]
 draft: false
-tags: ["WebAssembly"]
 ---
 
 # ويب أسمبلي
diff --git a/src/content/posts/what-is-deno-and-diff-from-nodejs-and-cloud-function.md b/src/content/posts/what-is-deno-and-diff-from-nodejs-and-cloud-function.md
@@ -5,37 +5,6 @@ pubDate: '2022/04/26'
 sameAs: "https://www.wikidata.org/wiki/Q65070939"
 # updatedDate: '2022/04/26'
 description: 'في هذه التدوينة أتناول موضوع دينو وعلاقته مع الحوسبة السحابية على الحافة، والفرق بين دينو و نود جي أس'
-about: {
-    "@type": ["Thing", "SoftwareApplication"],
-    "applicationSubCategory": "https://www.wikidata.org/wiki/Q1004415",
-    "applicationCategory": "DeveloperApplication",
-    "name": "DenoJS",
-    alternateName: ["دينو", "Deno", "دينو جي اس"], 
-    description: "بيئة تشغيل جافاسكربت/تايبسكربت.",
-    url: "https://deno.land",
-    "offers": {
-        "@type": "Offer",
-        "price": "0"
-    },
-    review: {
-        {
-      "@type": "Review",
-      "author": {
-        "@id": "https://x7md.net/about-me/#identity"
-      },
-      "reviewRating": {
-        "@type": "Rating",
-        "reviewRating": {
-            "@type": "Rating",
-            "ratingValue": "5"
-        }
-      }
-    },
-    }
-}
-keyword: [ "NodeJS", "JavaScript", "JS"]
-draft: false
-tags: ["Deno", "Cloud", "Cloud Function"]
 ---
 
 في الآونة الاخيرة ظهرت لدينا  **بيئة**  **تشغيل** **جافاسربت (JavaScript Runtime Environment)** تسمى Deno وقد تم تصميمها من نفس الشخص الذي أبتكر NodeJS، المبرمج العظيم ومهندس البرمجيات  **ريان داهل (Ryan Dahl)**.
diff --git a/src/content/posts/which-javascript-framework.md b/src/content/posts/which-javascript-framework.md
@@ -1,8 +1,8 @@
 ---
 title: "أي إطار جافاسكربت؟"
 image: /images/powerpuff-frameworks.png
-pubDate: '2022/05/26'
-# updatedDate: '2022/05/26'
+pubDate: '2022-05-26'
+updatedDate: '2022-05-26'
 description: 'رحلتي مع أطر عمل جافاسكربت'
 keyword: []
 draft: false
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -25,7 +25,7 @@ const posts = await getCollection('posts', ({ data }) => {
 			<ol role="list">
 				{
 					posts.sort(
-						(a, b) => Date.parse(a.data.pubDate.valueOf()) - Date.parse(b.data.pubDate.valueOf())
+						(a, b) => a.data.pubDate.getTime() - b.data.pubDate.getTime()
 					).reverse().splice(0, 3).map((post) => {
 						return (
 						<li>
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
@@ -5,15 +5,14 @@ import { getCollection, getEntry } from 'astro:content';
 export async function getStaticPaths() {
 	const posts = await getCollection('posts', (post) => post.data.draft !== true);
 	return posts.map((post) => ({
-		params: { slug: post.id }, // use post.id for params
+		params: { slug: post.slug }, // use post.slug instead of post.id
 	}));
 }
 
 const { slug } = Astro.params;
 const post = await getEntry('posts', slug);
 if (!post) throw new Error('Post not found');
-//@ts-expect-error
-const { Content } = await post.rendered();
+const { Content } = await post.render(); // This is the updated way to get the Content component
 ---
 
 <Layout title={post.data.title} description={post.data.description}>
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
@@ -5,7 +5,10 @@ import { getCollection } from 'astro:content';
 const posts = await getCollection('posts', (post) => post.data.draft !== true);
 
 function sortPosts(a: typeof posts[number], b: typeof posts[number]) {
-    return Date.parse(a.data.pubDate.valueOf()) - Date.parse(b.data.pubDate.valueOf());
+    // Defensive: handle both Date and string (in case of partial build or hydration)
+    const aDate = a.data.pubDate instanceof Date ? a.data.pubDate : new Date(a.data.pubDate);
+    const bDate = b.data.pubDate instanceof Date ? b.data.pubDate : new Date(b.data.pubDate);
+    return aDate.getTime() - bDate.getTime();
 }
 ---
 
