awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

20 个仓库

Awesome GitHub RepositoriesFramework Integrations

Adapters that connect state management libraries to specific server-side rendering frameworks.

Distinct from Server-Side Rendering Frameworks: Focuses on the integration layer between state management and SSR frameworks, distinct from the framework itself.

Explore 20 awesome GitHub repositories matching web development · Framework Integrations. Refine with filters or upvote what's useful.

Awesome Framework Integrations GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • ruanyf/react-demosruanyf 的头像

    ruanyf/react-demos

    16,471在 GitHub 上查看↗

    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

    Generates fully-formed HTML on the server for faster initial page loads.

    JavaScript
    在 GitHub 上查看↗16,471
  • vuejs/piniavuejs 的头像

    vuejs/pinia

    14,480在 GitHub 上查看↗

    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

    Connects state management to server-side rendering lifecycles to ensure seamless data hydration.

    TypeScriptcomposition-apissrstore
    在 GitHub 上查看↗14,480
  • timlrx/tailwind-nextjs-starter-blogtimlrx 的头像

    timlrx/tailwind-nextjs-starter-blog

    10,503在 GitHub 上查看↗

    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

    Combines static generation for blog content with server-side rendering for dynamic features like analytics.

    TypeScriptbloggingdemo-blogmdx
    在 GitHub 上查看↗10,503
  • javalin/javalinjavalin 的头像

    javalin/javalin

    8,290在 GitHub 上查看↗

    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

    Renders Vue component files directly on the server to generate HTML pages without a separate frontend build step.

    Kotlinhacktoberfestjavajavalin
    在 GitHub 上查看↗8,290
  • markdoc/markdocmarkdoc 的头像

    markdoc/markdoc

    8,060在 GitHub 上查看↗

    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

    Registers and renders Next.js-specific tags directly inside content for framework integration.

    TypeScriptauthoringdocumentationmarkdoc
    在 GitHub 上查看↗8,060
  • transitive-bullshit/nextjs-notion-starter-kittransitive-bullshit 的头像

    transitive-bullshit/nextjs-notion-starter-kit

    7,021在 GitHub 上查看↗

    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

    Generates HTML pages at build time using Next.js getStaticProps and getStaticPaths for fast, pre-rendered delivery.

    TypeScriptblognextjsnotion
    在 GitHub 上查看↗7,021
  • i18next/next-i18nexti18next 的头像

    i18next/next-i18next

    6,158在 GitHub 上查看↗

    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

    Provides the core i18n framework that adds locale detection, translation loading, and hydration to Next.js apps.

    TypeScripti18nextnextnextjs
    在 GitHub 上查看↗6,158
  • solidjs/solid-startsolidjs 的头像

    solidjs/solid-start

    5,883在 GitHub 上查看↗

    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

    Generates HTML on the server for each request, delivering fully populated pages to the browser.

    TypeScriptfile-system-routingfine-grained-reactivitymeta-framework
    在 GitHub 上查看↗5,883
  • catchchat/yepCatchChat 的头像

    CatchChat/Yep

    5,876在 GitHub 上查看↗

    Meet Genius

    Built with Next.js using server rendering and static generation for the full application.

    Swift
    在 GitHub 上查看↗5,876
  • observablehq/plotobservablehq 的头像

    observablehq/plot

    5,305在 GitHub 上查看↗

    这是一个图形语法可视化库,用于通过将表格数据映射到视觉标记来构建图表。它作为一个 SVG 数据可视化工具和探索性数据分析 API,允许用户渲染复杂的可视化效果和地理地图。 该库具有一个 GeoJSON 地图渲染器,可将球坐标投影到二维像素空间,以及一个用于高效数据处理的 Apache Arrow 可视化接口。 其功能面涵盖通过分箱(binning)和分组进行数据转换、通过自动比例推断和配色方案应用进行视觉编码,以及生成小多重图(small multiples)。它支持在分层视图中渲染几何形状,并在服务器端环境中导出静态图像。

    Integrates with component-based frameworks via client-side DOM insertion or server-side virtual DOM rendering.

    HTMLchartsd3data-visualization
    在 GitHub 上查看↗5,305
  • haoziqaq/varlethaoziqaq 的头像

    haoziqaq/varlet

    5,324在 GitHub 上查看↗

    Varlet 是一个 Vue 3 Material Design 组件库和跨平台 UI 框架。它提供了一系列基于 Material Design 2 和 3 标准的可重用界面元素,用于构建响应式 Web 应用程序。 该库具有对国际化和多语言内容本地化的集成支持。它包括一个利用 CSS 变量的主题系统,以实现深色模式、配色方案切换和自定义品牌定制。 该工具包专为服务器端渲染而设计,以提高初始页面加载速度和搜索引擎优化。它包括响应式组件适配器,以及在桌面浏览器上模拟移动触摸交互的能力。

    Generates HTML on the server to reduce initial load times and enhance search engine indexing.

    Vue
    在 GitHub 上查看↗5,324
  • gluestack/gluestack-uigluestack 的头像

    gluestack/gluestack-ui

    4,931在 GitHub 上查看↗

    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

    Configures components to integrate seamlessly with Next.js server-side rendering and static generation.

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    在 GitHub 上查看↗4,931
  • effector/effectoreffector 的头像

    effector/effector

    4,837在 GitHub 上查看↗

    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

    Provides a shared scope to read and update stores and trigger events during server-side rendering to ensure data consistency.

    TypeScriptbusiness-logiceffectorevent-driven
    在 GitHub 上查看↗4,837
  • amannn/next-intlamannn 的头像

    amannn/next-intl

    4,304在 GitHub 上查看↗

    next-intl is an internationalization framework for Next.js applications. It provides a system for managing translations, localized routing, and ICU message formatting to deliver multilingual content across server and client components. The project distinguishes itself through a focus on developer experience and type safety, utilizing a TypeScript translation validator that generates declaration files from JSON messages for compile-time key validation. It streamlines translation workflows with tools for automatically extracting strings from source code into message files and synchronizing thos

    Provides a full-featured internationalization framework for Next.js including translation loading and locale detection.

    TypeScriptdate-formattingi18nnext
    在 GitHub 上查看↗4,304
  • bagisto/nextjs-commercebagisto 的头像

    bagisto/nextjs-commerce

    4,287在 GitHub 上查看↗

    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

    Renders pages server-side for SEO-optimized product pages with fast initial loads.

    TypeScriptheadlessheadless-commercenextjs
    在 GitHub 上查看↗4,287
  • angular/universalangular 的头像

    angular/universal

    4,001在 GitHub 上查看↗

    Angular Universal 是一个用于 Angular 应用程序的服务器端渲染框架和静态站点生成器。它提供了在服务器上或构建过程中生成 HTML 所需的核心引擎和工具,以提高初始加载性能和搜索引擎优化(SEO)。 该项目支持用于按需生成 HTML 的动态服务器端渲染,以及用于为预定义路由创建静态文件的构建时预渲染。它具有一个水合引擎,可将服务器端状态和缓存的 HTTP 响应传输到客户端,防止浏览器在应用程序启动期间重复网络请求。 该框架涵盖了更广泛的 Web 交付优化,包括同构代码执行和内联样式注入以符合内容安全策略。这些功能确保了相同的逻辑在服务器和浏览器上运行,同时保持一致的应用程序状态和视觉稳定性。

    Renders full page markup on the server for each request to improve initial load speed and SEO.

    TypeScript
    在 GitHub 上查看↗4,001
  • tbakerx/react-resume-templatetbakerx 的头像

    tbakerx/react-resume-template

    2,133在 GitHub 上查看↗

    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

    Utilizes a modern framework for server-side rendering and static site generation.

    TypeScriptjavascriptnextjspersonal-website
    在 GitHub 上查看↗2,133
  • adrianhajdin/project_next13_car_showcaseadrianhajdin 的头像

    adrianhajdin/project_next13_car_showcase

    1,887在 GitHub 上查看↗

    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

    Delivers a server-rendered web application built with React and TypeScript showcasing a vehicle catalogue.

    TypeScriptnext13next13appnextjs
    在 GitHub 上查看↗1,887
  • magicuidesign/portfoliomagicuidesign 的头像

    magicuidesign/portfolio

    1,399在 GitHub 上查看↗

    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

    Provides a static-ready site template that organizes developer portfolios and integrated blog posts through a single centralized configuration file.

    TypeScript
    在 GitHub 上查看↗1,399
  • happykit/flagshappykit 的头像

    happykit/flags

    1,040在 GitHub 上查看↗

    Flags is a feature management platform designed to synchronize application configurations and feature toggles across server and client environments. It provides the infrastructure to evaluate and distribute settings in real-time, allowing for the control of application behavior without requiring code redeployments. The system is built to support isomorphic flag resolution, ensuring that evaluation logic remains consistent during transitions between server-side and client-side rendering. By utilizing server-side state hydration and local fallback caching, the platform prevents visual layout sh

    Maintains consistent flag states during transitions between server-side and client-side rendering to prevent layout shifts.

    TypeScriptfeature-flagsfeature-togglesnextjs
    在 GitHub 上查看↗1,040
  1. Home
  2. Web Development
  3. Backend Development
  4. Web Frameworks
  5. Rendering and Layout Architectures
  6. Server-Side Rendering Frameworks
  7. Framework Integrations

探索子标签

  • Next.js3 个子标签Configures UI components to work with Next.js server rendering and static generation. **Distinct from Next.js Integrations:** Distinct from Next.js Integrations (third-party service adapters): focuses on component library compatibility with the Next.js rendering pipeline.