Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

SSR and hydration support for @tanstack/vue-db

Aberta
#1,963 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
35/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Ativa
Stack de tecnologia
typescript
Domínio
backend, frontend

Direção de pesquisa

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.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
TypeScript
Estrelas
3.9k
Forks
277
Merge médio
20h 31min
PRs com merge (30d)
228

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de TanStack/db

Todas as issues de TanStack/db

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.