Awesome GitHub RepositoriesServer-Side Rendering Frameworks

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

Nuxt is a full-stack framework for building Vue.js applications. It serves as an application orchestrator that integrates server-side rendering, static site generation, and backend API logic within a single unified project. The framework uses a file-based routing system to automatically generate application URLs based on the project's folder and file structure. It supports multi-strategy web rendering, allowing for a combination of server-side, static, and hybrid rendering techniques to optimize page load speeds and search engine visibility. The project provides automated component discovery

This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

Remix is a full-stack web framework designed to manage data loading, mutations, and routing through standard web platform APIs. It functions as a server-side rendering framework that unifies server-side data processing and client-side interactivity within a single development model, ensuring applications remain consistent across diverse environments. The framework distinguishes itself by utilizing native web platform APIs for all request and response handling, including a declarative data mutation layer that synchronizes server-side database updates with client-side UI transitions via standar

iView is a Vue.js UI component library and enterprise web UI toolkit. It provides a collection of reusable interface elements designed for building professional business applications and complex administrative dashboards. The project functions as a server-side rendering framework, allowing for the generation of HTML on the server to improve search engine optimization and initial page load speeds. It covers capabilities for responsive web design and the construction of data-heavy internal tools through a standardized set of pre-built components.

Ant Design Vue is a comprehensive UI component library and enterprise design system for Vue. It provides a collection of reusable user interface elements designed specifically for building professional web applications and complex business software. The project functions as a server-side rendering framework, enabling the generation of HTML on the server to increase initial page load speeds and improve search engine visibility. It is designed for the implementation of corporate design systems and the construction of data-heavy internal tools, such as admin dashboards. The library covers broad

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

This project is a starter template and boilerplate for building isomorphic web applications using React, Redux, and Express. It functions as a server-side rendering framework that generates HTML on the server and rehydrates it on the client to improve search engine optimization and initial page load speeds. The project is distinguished by its focus on developer experience, featuring a configuration for hot module replacement. This allows for the real-time updating of the user interface and application state during development without requiring a full browser refresh. The framework provides c

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

Blazor is a .NET framework for building interactive web user interfaces using C# instead of JavaScript. It provides a component-based UI composition model where reusable, self-contained UI elements are built with C# logic and Razor markup, supporting nesting, parameters, and lifecycle events. The framework offers two primary rendering models: a client-side runtime that compiles C# to WebAssembly and executes directly in the browser, and a server-side model that renders UI on the server and sends incremental DOM updates over a persistent SignalR connection. A central capability of Blazor is it

Rax هو إطار عمل لتطبيقات React الشاملة وبيئة JavaScript متماثلة (isomorphic) مصممة لتقديم قاعدة كود واحدة عبر منصات الويب، والهواتف المحمولة، والتطبيقات المصغرة (mini-programs). يعمل كمحرك عرض للمكونات عبر المنصات يقوم بترجمة مكونات React إلى عناصر خاصة بكل منصة باستخدام مواصفات تعريفية موحدة. يستخدم إطار العمل مواصفات تعريفية موحدة لواجهة المستخدم لفصل منطق المكون عن طبقة واجهة المستخدم الأساسية، مما يسمح بمعالجة DOM موحدة وإدارة الأحداث عبر بيئات تنفيذ مختلفة. تتيح هذه البنية دمج مكونات التطبيقات المصغرة الأصلية وإضافات خاصة بالمنصة للاستفادة من الأجهزة أو البرمجيات المحلية. يتضمن إطار عمل للعرض من جانب الخادم (SSR) لإنشاء HTML ثابت لتحسين سرعة التحميل الأولية وظهور محركات البحث، مكملاً بآلية ترطيب (hydration) من جانب العميل لجعل الواجهة تفاعلية. يوفر النظام أيضاً إدارة دورة حياة التطبيق الشاملة للتعامل مع التهيئة، والتوجيه، وانتقالات الحالة عبر المنصات.

Ripple is a full-stack TypeScript web framework and reactive UI library used for building interfaces with server-side rendering. It organizes user interfaces into a hierarchy of reusable, scoped components with built-in state management and client-side hydration. The framework is distinguished by its fine-grained reactivity, which updates specific DOM elements without requiring full component re-renders. It integrates server-side logic and client-side components within a single TypeScript codebase, enabling a unified full-stack development workflow. The system covers a broad range of capabil

Sapper is a universal web application framework and server-side rendering framework for Svelte. It enables the development of applications that render views on the server for fast initial loads and hydrate them on the client for subsequent interactivity. The project features a file-based routing engine that maps URL paths to components based on the file system structure. It also functions as a static site generator, exporting production-ready HTML, CSS, and JavaScript files for hosting in environments without a live server. The framework covers full-stack development capabilities, including

Phoenix LiveView is an Elixir-based framework that renders HTML on the server and sends only the changed parts to the client over a persistent WebSocket connection. It operates on a process-per-connection model, where each user session runs in its own isolated Elixir process for fault tolerance and independent state management, and includes a LongPolling fallback transport for environments where WebSocket connections are unavailable. The framework provides server-side rendered diffs and WebSocket-based state synchronization to maintain a continuous bidirectional channel between server and cli

Vike is a full-stack web framework that provides server-side rendering with client-side hydration, static site generation, and file-based routing. It operates as a plugin-based web framework with a universal JavaScript runtime, allowing the same code to run on both server and client environments. The framework distinguishes itself through its flexible data fetching capabilities, enabling data retrieval at any lifecycle point including server start, browser start, or page render. Its plugin-based extensibility allows for custom integrations and modifications without altering the core framework

ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.

aleph.js هو إطار عمل ويب كامل المكدس لوقت تشغيل Deno. يدمج المنطق من جانب الخادم والتفاعل من جانب العميل داخل بيئة واحدة لبناء تطبيقات ويب كاملة. يعمل إطار العمل كنظام عرض من جانب الخادم ومولد مواقع ثابتة، حيث ينتج HTML معروضاً مسبقاً لتحسين رؤية محرك البحث وسرعات التحميل الأولية. يستخدم موجهاً قائماً على الملفات يقوم تلقائياً بتعيين هيكل دليل المشروع إلى عناوين URL للتطبيق لكل من الصفحات ونقاط نهاية API. يتضمن المشروع إمكانيات لإدارة المحتوى القائم على markdown، وتحويل ملفات markdown إلى صفحات HTML منسقة. كما يدعم معالجة أوراق أنماط Less ويوفر استبدال الوحدات السريع لتحديثات التطبيق في الوقت الفعلي أثناء التطوير.

koa2-note هو مشروع يركز على تطوير خوادم الويب باستخدام Koa2 والبرمجة غير المتزامنة في Node.js. يوفر إطار عمل لبناء خوادم الويب وواجهات برمجة التطبيقات (APIs) باستخدام خط معالجة (middleware) غير متزامن للتعامل مع دورات الطلب والاستجابة. يؤكد المشروع على بنية خلفية (backend) ذات طبقات تفصل بين التوجيه (routing)، وخدمات الأعمال، ونماذج البيانات. يتميز بدمج قواعد بيانات علائقية لحفظ جلسات المستخدم وبيانات التطبيق، إلى جانب عملية بناء تتضمن تجميع JSX إلى JavaScript لأصول الواجهة الأمامية. تغطي إمكانيات المشروع تصميم واجهات برمجة التطبيقات الخلفية، بما في ذلك التوجيه RESTful وتحليل بيانات الطلب، بالإضافة إلى العرض من جانب الخادم (SSR) باستخدام محركات القوالب. كما يتضمن دعماً لرفع الملفات غير المتزامن باستخدام تحليل التدفق متعدد الأجزاء، وإدارة الجلسات القائمة على ملفات تعريف الارتباط (cookies)، وتنفيذ JSONP للطلبات عبر النطاقات. يعمل المستودع كمورد تعليمي مع دروس منظمة وأمثلة لتعلم تنفيذ إطار عمل Koa وبنية الخادم.