8 dépôts
Techniques for loading data on the server before rendering to ensure immediate content availability.
Distinguishing note: Focuses on server-side rendering integration for data hydration, distinct from client-side prefetching.
Explore 8 awesome GitHub repositories matching web development · Server-Side Data Prefetching. Refine with filters or upvote what's useful.
React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.
Serializes and injects server-side variables into HTML to ensure consistent data during hydration.
SWR is a data fetching library that provides a collection of hooks for managing remote data synchronization, caching, and state updates in web applications. It employs a declarative approach to handle complex network request lifecycles and dependency chains, ensuring that client-side application state remains consistent with server data through automatic revalidation and background updates. The library distinguishes itself through a reactive cache layer that automatically synchronizes local state with remote sources based on component lifecycle events. It features event-driven revalidation, w
Loads data on the server before sending pages to the browser to ensure users see complete content immediately.
Wagmi is a collection of reactive hooks and a toolkit for interacting with Ethereum blockchains. It provides a comprehensive suite of primitives for managing wallet connections, reading smart contract data, and orchestrating on-chain transactions. The project distinguishes itself through a smart contract interface toolkit that retrieves binary interfaces to generate type-safe hooks and function wrappers. This ensures that blockchain inputs and outputs are validated at compile-time. It also features a specialized utility for translating Ethereum Name Service domains into wallet addresses and p
Provides utilities to prefetch blockchain data on the server to seed the client cache and improve initial load speed.
Vue Apollo is a GraphQL integration library for Vue applications that connects Vue components to GraphQL APIs using Apollo Client. It provides a reactive data layer for querying, mutating, and subscribing to data from GraphQL endpoints, with automatic cache updates and real-time subscription support. The library offers multiple API surfaces for working with GraphQL data, including slot-based declarative components, composable functions for the Composition API, and Options API integration. It handles the full lifecycle of GraphQL operations, from automatic data fetching with reactive queries t
Prefetches GraphQL data during SSR and hydrates it seamlessly into client-side Vue components.
Vue Apollo is a GraphQL client library for Vue.js that integrates Apollo GraphQL queries and mutations into Vue components with reactive data binding. It provides a reactive data layer that automatically updates Vue component state when GraphQL query results change, and supports server-side rendering by prefetching queries during SSR to deliver fully populated HTML on initial page load. The library allows GraphQL queries and mutations to be declared directly inside Vue component options using the apollo property, keeping data dependencies co-located with the UI. It wraps Apollo Client's nor
Prefetches GraphQL queries during server-side rendering to deliver fully populated HTML on initial page load.
Ce projet est un scaffold JavaScript full-stack et un boilerplate de projet MERN stack. Il fournit une structure de projet pré-configurée combinant MongoDB, Express, React et Node.js pour réduire le temps de configuration manuelle lors de l'amorçage d'applications web pilotées par les données. La boîte à outils présente un environnement full-stack dockerisé qui isole l'application et la base de données dans des conteneurs pour assurer la cohérence entre le développement et la production. Elle inclut également un framework de rendu côté serveur conçu pour générer du HTML sur le serveur et hydrater sur le client pour améliorer les vitesses de chargement et la visibilité sur les moteurs de recherche. Le projet couvre un large workflow de développement, incluant le scaffolding de projet basé sur template via une interface en ligne de commande, le bundling d'assets et la transpilation JavaScript. Il prend en charge davantage le pré-fetching de composants côté serveur pour assurer la disponibilité des données avant le rendu de la page.
Supports dispatching data requests on the server before page rendering to ensure content availability upon delivery.
Ce projet est un plugin de réactivité qui apporte la Composition API et la gestion d'état réactif de Vue 3 aux applications Vue 2. Il sert d'organisateur de logique de composant et de système pour encapsuler l'état réactif et les fonctions dans des utilitaires réutilisables. Le plugin permet d'utiliser des fonctions composables pour partager une logique avec état entre les composants sans dépendre des mixins. Il fournit une structure basée sur des variables et des fonctions simples pour faciliter l'inférence de type automatique et l'autocomplétion dans l'éditeur. De plus, il inclut un système d'injection de dépendances basé sur des fournisseurs pour partager des données et des fonctions à travers l'arborescence des composants. Le système couvre la gestion de l'état réactif, des propriétés calculées et des watchers, ainsi que la possibilité de se connecter aux cycles de vie des composants. Il permet l'intégration de bibliothèques tierces avec état dans le système de réactivité natif et prend en charge le préchargement des données côté serveur. Le projet est écrit en TypeScript.
Supports executing asynchronous logic on the server to prefetch data before rendering the initial HTML.
This library provides a collection of hooks for integrating GraphQL data operations into functional components within the Apollo Client ecosystem. It functions as a state management tool that synchronizes remote server data with local component state, ensuring consistent data representation across the user interface. The project distinguishes itself by enabling server-side rendering through a framework of utilities that pre-fetch data and resolve component trees to deliver fully populated HTML. It utilizes a provider-based pattern to inject the data client into the component tree, allowing ne
Resolves GraphQL queries during server-side rendering to generate fully populated HTML output.