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

fix: server side fetch

Aberta
#167 1 comentário 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
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
nuxtjs, typescript
Domínio
frontend, mobile, web-dev

Direção de pesquisa

Comece pela reprodução vinculada do StackBlitz em pages/head.vue e compare-a com a execução no lado do servidor descrita para app.vue. Rastreie por que fetch é executado apenas no cliente no componente de página do Ionic. Está concluído quando o código no nível da página puder ser executado no lado do servidor antes da navegação e os metadados resultantes estiverem disponíveis para SEO e visualizações sociais.

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

Descrição

bug
🐛 The bug

Fetching data on server side within ionic page component is not possible.

It can be observed in the repro attached that the fetch call happens on the client side only and therefore updating meta tags will have no effect for SEO, social media previews, etc

Server side code executes only in app.vue as far as I can see

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-gjtb8z?file=pages%2Fhead.vue

🌈 Expected behaviour

It's possible to provide code that's executed server side before entering the page.

ℹ️ Additional context

No response

Linguagem predominante
TypeScript
Estrelas
458
Forks
54
Merge médio
1d 7h
PRs com merge (30d)
18

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

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 nuxt-modules/ionic

Todas as issues de nuxt-modules/ionic

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.