مرحبًا بكم في الجزء الثاني من سلسلتنا على jargons.dev!

دعونا نصل الى ذلك!

بعد الالتزام الأولي، بدأت العمل على "نص الشوكة" (أتساءل ما هو؟؟ ستكتشف ذلك لاحقًا في السلسلة؟) ولكن يجب أن أعترف وكما ستجد في سجل الالتزام، أنني أخذت استراحة طويلة (3 أشهر) من العمل على jargons.dev. خلال هذه الأوقات، أتيحت لي بعض الفرص للقيام ببعض التفكير اللاواعي الذي كان رائعًا للمشروع.

فرصة الانعكاس

توقفت عن العمل على jargons.dev لفترة من الوقت، ليس عن قصد ولكن لأنني كنت مندمجًا جدًا في العمل الذي كنت أقوم به على Hearts، لدرجة أنني لم أفكر حتى في jargons.dev. حسنًا، على مدار تلك الأشهر، جاء العام الجديد (مع أهداف جديدة بالطبع)، لقد اختبرت أيضًا بعض التقنيات الجديدة وتعرضت لها. إحدى التقنيات التي برزت بالنسبة لي كانت Astro.

استرو الرنين مع jargons.dev

في يناير، كان لدي هدف وهو "تعلم تقنيات جديدة باستخدام المستندات"، وكان هذا تحديًا جعلني أبدأ مع Astro بعد سماع أشياء رائعة عنه.

تقدم سريعًا في شهر مارس، وجدت نفسي أعمل على مشروع جانبي آخر مختلف تمامًا (موضوع wp)، كنت أشاهد بثًا مباشرًا لـ Eddie Jaoude على YT حيث أبلغت Eddie بذلك ولكن رده سيدفعني في النهاية إلى العمل على jargons.dev

لديك عدد لا بأس به من المشاريع الجانبية... لا أعرف أي منها.

دفعني هذا البيان إلى التفكير مليًا، ومن ثم قررت إيقاف كل المشاريع الجانبية الكثيرة والتركيز على بعض المشاريع المهمة على الفور، وسرعان ما تبادر إلى ذهني jargons.dev.

في هذه المرحلة، كنت بالفعل على دراية إلى حد ما بـ Astro، - كونه إطارًا لتطبيقات الويب التي تعتمد على المحتوى، مع نظام ملفات فائق البساطة، وجاهز لـ i18n، وSSG مع تحسين محركات البحث (SEO) رائع (مهم للمشروع)، والأداء، دعم مكتبات الواجهة الأمامية الأخرى مثل ReactJS مع الجزر (أحب هذه المكتبات بشكل خاص)؛ لقد كانت أداة مصنوعة في الجنة لبناء jargons.dev بها.

حسنًا، بدأت العمل سريعًا في عطلة نهاية الأسبوع التالية المتاحة وكان علي العمل على جزء القاموس الأساسي من المشروع.

القاموس الأساسي

لقد قمت بتهيئة مشروع Astro جديد لهذا المشروع، وهو أمر بسيط مثل تشغيل الأمر أدناه واتباع المطالبات...

npm create astro@latest

لقد أضفت أيضًا تكامل tailwindcss للتصميم؛ تكامل MDX للمحتوى؛ كان هذا أيضًا سهل التهيئة بمجرد تشغيل الأمر على التوالي

npx astro add tailwind
npx astro add mdx

لقد تابعت وأكملت المهام التالية

• تم إنشاء صفحة رئيسية معيارية تحتوي على نموذج بحث ثابت
• تم الحل مؤقتًا لجعل دليل src/pages/word هو الدليل الذي يجب أن يحتوي على كل كلمة في القاموس كملف mdx.
• تم تنفيذ تخطيط word.astro، الذي يعمل كإطار حيث يمكن عرض محتوى ملفات .mdx للكلمات الموجودة داخل دليل src/pages/word/ باستخدام frontmatter.
• تمت إضافة نموذج بحث صغير ثابت أيضًا إلى شريط التنقل الخاص بتخطيط الكلمات.

باستخدام هذه الميزة، أصبحنا قادرين بالفعل على عرض كلمات القاموس على مسار jargons.dev/word/[word]. وهذا يعني أنه عندما يكون الملف tuple.mdx موجودًا في src/pages/word/directory، سنكون قادرين على الوصول إلى الصفحة لرؤية كلمة القاموس من خلال زيارة jargons.dev/word/tuple

العلاقات العامة

الفذ: تنفيذ القاموس الأساسي #4

com.babblebey تم النشر بتاريخ 24 مارس 2024

يقوم طلب السحب هذا بتنفيذ تطبيق القاموس الأساسي باستخدام AstroJS

التغييرات التي تم إجراؤها

• بدأ مشروع فلكي جديد
• تم إنشاء الصفحة الرئيسية
• تم تنفيذ تخطيطين
  • القاعدة - الغلاف الأساسي الرئيسي لجميع الصفحات والتخطيطات
  • Word - التخطيط المستخدم في صفحات الكلمات
• تم تنفيذ مشغلات نموذج البحث الثابت على الصفحة الرئيسية وفي تخطيط Word

لقطات الشاشة

الصفحة الرئيسية

صفحة الكلمات

عرض على جيثب