Awesome GitHub RepositoriesServer-Side Rendering Frameworks

Vite is a frontend build toolchain that provides a unified development and production pipeline for modern web applications. It functions as a modular, environment-agnostic build engine that leverages native ES modules to serve source code directly to the browser, eliminating the need for expensive bundling during the development phase. By maintaining an environment-aware module graph, it supports concurrent development across client, server, and custom runtime environments. The project distinguishes itself through a high-performance development server that utilizes a hot module replacement pr

This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

Pinia is a state management library for Vue applications that provides a centralized, type-safe architecture for organizing reactive data. It utilizes a modular store pattern, allowing developers to define independent, reusable state containers that manage shared application data, computed getters, and executable actions. The library distinguishes itself through a flexible definition model that supports both functional setup patterns and traditional object-based structures. It features a plugin-based extension architecture that enables developers to hook into the store lifecycle for custom fu

This is a markdown-based blog engine and Next.js starter template that renders posts from files with frontmatter support for tags, authors, and metadata. It functions as a static site generator, building a complete blog into deployable HTML files for any hosting provider, while using Tailwind CSS utility classes for fully customizable typography, layout, and color schemes. The template generates RSS feeds, sitemaps, and structured metadata for search engine visibility, and supports connecting to external services like analytics tracking and comment sections through configurable plugin modules

Javalin is a lightweight web framework for Java and Kotlin designed for building REST APIs and web applications. It functions as an embedded Jetty web server, allowing applications to run as standalone processes without the need for an external servlet container. The project provides specialized frameworks for diverse communication patterns, including a REST API framework with automatic OpenAPI schema generation, a GraphQL API framework with query and mutation resolvers, and a WebSocket server for bidirectional real-time communication. It also includes a dedicated framework for pushing real-t

Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts

This is an opinionated starter kit that turns a Notion workspace into a fast, SEO-friendly website using Next.js and Vercel. It functions as a static site generator that builds a complete website from Notion content during the build process, integrating Notion as a content management system to pull pages and render them as a web site. The kit generates automatic social images for each page, creates human-readable URL slugs from page titles, and produces search-engine-optimized pages from Notion content. It includes a keyboard-driven search overlay and table of contents for navigating content

next-i18next is an internationalization library that integrates the i18next ecosystem into Next.js applications, supporting both the App Router and Pages Router. It provides locale-aware routing middleware, server-component translation hydration, and a unified translation management system that works across server and client components. The library handles automatic language detection from browser cookies and HTTP Accept-Language headers, persists user language preferences across sessions, and rewrites URLs with locale prefixes for proper routing. It includes a translation hydration framework

Solid Start is a full-stack web framework built on Solid.js that combines file-based routing, multi-mode rendering, and client hydration into a single application framework. It enables developers to build complete web applications with server-rendered pages, client-side interactivity, and API endpoints from one codebase, while supporting deployment across multiple hosting platforms through a system of platform-specific adapters. The framework distinguishes itself through its multi-mode rendering engine, which allows per-page selection between client-side rendering, server-side rendering, stat

Meet Genius

Il s'agit d'une bibliothèque de visualisation de grammaire graphique utilisée pour construire des graphiques en mappant des données tabulaires vers des marques visuelles. Elle fonctionne comme un outil de visualisation de données SVG et une API d'analyse exploratoire des données, permettant aux utilisateurs de rendre des visualisations complexes et des cartes géographiques. La bibliothèque dispose d'un moteur de rendu de carte GeoJSON qui projette des coordonnées sphériques dans un espace pixel bidimensionnel et d'une interface de visualisation Apache Arrow pour un traitement de données à haute efficacité. Sa surface de capacités couvre la transformation des données via le binning et le regroupement, l'encodage visuel via l'inférence automatique d'échelle et l'application de schémas de couleurs, ainsi que la génération de multiples petits graphiques (small multiples). Elle prend en charge le rendu de formes géométriques dans des vues en couches et l'exportation d'images statiques dans des environnements côté serveur.

Varlet est une bibliothèque de composants Material Design pour Vue 3 et un framework UI multiplateforme. Elle fournit une collection d'éléments d'interface réutilisables basés sur les normes Material Design 2 et 3 pour construire des applications web responsives. La bibliothèque dispose d'une prise en charge intégrée de l'internationalisation et de la localisation de contenu multilingue. Elle inclut un système de thématisation qui utilise des variables CSS pour permettre le mode sombre, le basculement de palette de couleurs et une image de marque personnalisée. La boîte à outils est conçue pour le rendu côté serveur (SSR) afin d'améliorer les vitesses de chargement initial des pages et l'optimisation pour les moteurs de recherche. Elle inclut des adaptateurs de composants responsives et la capacité d'émuler les interactions tactiles mobiles sur les navigateurs de bureau.

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem

next-intl est un framework d'internationalisation pour les applications Next.js. Il fournit un système pour gérer les traductions, le routage localisé et le formatage de messages ICU afin de délivrer du contenu multilingue à travers les composants serveur et client. Le projet se distingue par son accent sur l'expérience développeur et la sécurité des types, utilisant un validateur de traduction TypeScript qui génère des fichiers de déclaration à partir de messages JSON pour une validation des clés à la compilation. Il rationalise les flux de travail de traduction avec des outils pour extraire automatiquement les chaînes de caractères du code source vers des fichiers de messages et synchroniser ces bundles avec des services de localisation externes. Le framework couvre un large éventail de capacités, incluant la gestion du routage sensible à la locale pour des préfixes d'URL et un mapping de domaine optimisés pour le SEO, ainsi qu'un formatage complet des données pour les dates, les nombres et les listes. Il prend en charge le formatage complexe de messages utilisant la syntaxe ICU pour les pluriels et le genre, et fournit des utilitaires pour gérer les mises en page de droite à gauche (RTL) et les métadonnées de page localisées. La bibliothèque s'intègre aux API d'internationalisation natives de JavaScript et propose une intégration Storybook pour prévisualiser les composants localisés pendant le développement.

Bagisto Next.js Commerce is a headless, server-side rendered e-commerce storefront built on Next.js that connects to any backend commerce API exclusively through GraphQL. It delivers SEO-optimized product pages with fast initial loads by combining server-side rendering with incremental static regeneration, and automatically optimizes images for different devices and network conditions. The storefront decouples the user interface from backend commerce logic, enabling flexible integration with any API protocol without modifying the frontend code. It supports the full shopping lifecycle includin

Angular Universal is a server-side rendering framework and static site generator for Angular applications. It provides the core engines and tools necessary to generate HTML on a server or during the build process to improve initial load performance and search engine optimization. The project enables both dynamic server-side rendering for on-demand HTML generation and build-time prerendering to create static files for predefined routes. It features a hydration engine that transfers server-side state and cached HTTP responses to the client, preventing the browser from duplicating network reques

This project is a professional portfolio framework designed to generate responsive, personal resume websites. It utilizes a centralized configuration file to manage work history, skills, and contact information, decoupling content from the visual presentation layer to ensure a structured and consistent professional presence. The framework distinguishes itself by using a data-driven approach where resume content is mapped directly to components, ensuring that updates to professional profiles are reflected across the site through a single source of truth. It leverages static site generation and

projectnext13car_showcase is a server-rendered web application built with TypeScript and React that functions as a searchable and filterable vehicle catalogue. The project relies on file-based routing and server-side component rendering to fetch external vehicle datasets and deliver pre-rendered pages to the client. The application incorporates a modular component library styled with utility-first CSS classes for responsive multi-device layouts. Users can browse extensive inventories by filtering vehicle listings according to manufacturer, model, production year, and fuel type. Paginated da

Portfolio is a developer portfolio website and personal blog publishing template built with Next.js, Tailwind CSS, and React. It provides a static-ready framework designed to showcase professional projects and articles through a minimalist interface with responsive layout adaptation. Site content, metadata, and navigation links are managed through a single centralised configuration file to simplify initial project setup and ongoing updates. The interface incorporates a component-driven UI library alongside declarative motion animations that apply spring physics and keyframe transitions to int