Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

SSR and hydration support for @tanstack/vue-db

Ouverte
#1,963 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
35/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Active
Stack technique
typescript
Domaine
backend, frontend

Piste de recherche

Start with the existing SSR guide, core SSR payload and observer contracts, and the React/Svelte integrations described in the issue. Trace how Vue live queries currently resolve collection descriptors, then use real Vue server rendering and browser hydration to verify request isolation, matching initial rows and order, and a post-hydration live update; document the supported setup and remaining limits.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Follow-up to #1623 (Phase 6). #1564 added core DbClient, collection descriptors, dehydration/hydration, and React/Svelte integrations. The current SSR guide explicitly leaves Vue client-provider work for a later change.

Goal

Support server rendering of Vue live queries with a request-scoped DbClient, then hydrate the same result into a stable browser client. Keep Vue-native reactivity and existing non-SSR useLiveQuery usage.

Acceptance criteria

  • Provide an idiomatic Vue app/client scope (for example, provide/inject) so live queries can resolve collection descriptors against the correct DbClient. A fresh server client is used per request; direct collection inputs continue to work.
  • A server render can preload a collection or live query, render its rows, and serialize dbClient.dehydrate() without sharing state between requests.
  • The browser hydrates that state before the first live-query read, renders matching initial rows and order, and hands off to normal sync without duplicate rows or a hydration mismatch.
  • Add an integration or E2E test using real Vue server render and browser hydration. Cover request isolation and a post-hydration live update.
  • Document Vue setup, the supported query forms, and any remaining SSR limits (including infinite queries if they need separate work).

Use the existing core SSR payload and observer contracts; a new cross-framework payload format is outside this issue.

Langage dominant
TypeScript
Étoiles
3.9k
Forks
277
Merge moyen
22 h 54 min
PR mergées (30 j)
236

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TanStack/db

Toutes les issues de TanStack/db

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.