Awesome GitHub RepositoriesStatic-HTML Hydration

react-static is a React static site generator that transforms components into static HTML files to improve page load speed and search engine optimization. It functions as a progressive web app framework, exporting static HTML that hydrates into a full interactive application to enable real-time updates and instant navigation. The project distinguishes itself as a static site asset optimizer, using code-splitting and an asset prefetching queue to reduce perceived load times. It includes a dedicated MDX content processor to generate routes from Markdown files with JSX and frontmatter, as well a

Hypernova هو محرك عرض موزع وخدمة عرض من جانب الخادم تحول مكونات JavaScript إلى HTML على خادم بعيد. يعمل كإطار عمل لترطيب صفحات الويب (hydration)، مما يسمح بإرفاق السلوك التفاعلي بالترميز الثابت الذي تم إنشاؤه بواسطة الخادم عن طريق إلغاء تسلسل حالة التطبيق في المتصفح. يستخدم النظام بيئة تشغيل JavaScript معزولة تنفذ المكونات داخل أجهزة افتراضية محمية لمنع تسرب الحالة العامة والتداخل بين الطلبات المتزامنة. يستخدم معمارية موزعة لتنفيذ مهام العرض عبر عمليات عاملة متعددة وأنوية معالجة. يدير المحرك تدفق الطلبات وحركة المرور من خلال خط أنابيب للطلبات المجمعة وبرمجيات وسيطة قابلة للتوصيل لاعتراض دورة الحياة. يتضمن قدرات لتسلسل حالة التطبيق، ونسخ احتياطية للعرض من جانب العميل لضمان توفر الصفحة، ودعم عميل متعدد اللغات لتقديم الطلبات من بيئات خلفية مختلفة.

Rspress هو مولد مواقع ثابتة مصمم لبناء التوثيق التقني والمدونات. يعمل كإطار عمل مبني على React يقوم بتحويل ملفات Markdown و MDX إلى HTML ثابت ومحسن، مستفيداً من محرك بناء عالي الأداء مبني بلغة Rust لإدارة التجميع وتهيئة الموقع (hydration). يتميز إطار العمل بهيكلية إضافات (plugins) معيارية ونظام سمات يعتمد على المكونات، مما يتيح للمطورين توسيع خطوط أنابيب البناء وتخصيص الواجهات المرئية. يتضمن دعماً أصلياً لتوليد مراجع API تلقائياً عبر استخراج تعريفات الأنواع والتعليقات مباشرة من الكود المصدري، إلى جانب أدوات لتضمين مكونات تفاعلية وساحات تجربة كود حية داخل صفحات التوثيق. يوفر المشروع مجموعة شاملة من الأدوات لاكتشاف المحتوى وصيانته، بما في ذلك فهرسة البحث النصي الكامل وتوليد خرائط الموقع (sitemaps). كما يدمج ميزات هندسية جاهزة للذكاء الاصطناعي، حيث ينتج بيانات وصفية مهيكلة وملفات سياق تساعد النماذج اللغوية الكبيرة (LLMs) في تفسير محتوى الموقع، بالإضافة إلى توفير ملفات توجيهية لوكلاء الصيانة المؤتمتة. يمكن للمطورين إدارة دورة حياة موقع التوثيق بالكامل من خلال واجهة سطر أوامر (CLI) تتعامل مع هيكلة المشروع، ومعاينات خادم التطوير، وتهيئة أدوات جودة الكود. تم تصميم إطار العمل ليتم تثبيته وتهيئته كإطار عمل مستقل لمواقع التوثيق.