nuxt-modules / nuxt-modules/ionic

fix: server side fetch

Ouverte
#167 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug
Langage dominant
TypeScript
Étoiles
457
Forks
53
Merge moyen
7 h 32 min
PR mergées (30 j)
21

Description

🐛 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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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.

Piste de recherche

Commencez par la reproduction StackBlitz liée dans pages/head.vue et comparez-la à l’exécution côté serveur décrite pour app.vue. Déterminez pourquoi fetch ne s’exécute que côté client dans le composant de page Ionic. Le travail est terminé lorsque le code au niveau de la page peut s’exécuter côté serveur avant la navigation et que les métadonnées qui en résultent sont disponibles pour le SEO et les aperçus sociaux.

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

Évaluation

Stack technique
nuxtjs, typescript
Domaine
frontend, mobile, web-dev
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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