Frameworks und SPAs
Pertento für Nuxt
Ein Eintrag in der Head-Konfiguration der App deckt jede Route ab, und er landet im serverseitig gerenderten HTML statt erst nach der Hydration.
Ein Skript-Tag · 0,9 KB · keine CookiesAlle Integrationen
Nuxt rendert auf dem Server und hydriert dann, und das ist der Fall, für den Pertento gebaut ist: Das Tag kommt in die Head-Konfiguration der Anwendung, damit es im serverseitig gerenderten HTML vorhanden ist und nicht erst hinzukommt, wenn das Bundle läuft. Diese Reihenfolge ist es, die verhindert, dass das Original in die Variante aufblitzt. Die Zuordnung bleibt über die clientseitige Navigation bestehen, ein Besucher, der zwischen Routen wechselt, bleibt also in einer Variante, statt auf jeder Seite neu ausgewürfelt zu werden.
So funktioniert die Anbindung
- Deklarieren Sie das Tag in der Head-Konfiguration der App, damit es im serverseitig gerenderten HTML landet.
- Laden Sie es vor der Hydration und nicht aus einem Plugin, das nur im Client läuft.
- Lassen Sie die Zuordnung über Routenwechsel bestehen.
Mehr in Frameworks und SPAs
Alle Integrationen