Frameworks og SPA-er
Pertento til Nuxt
Én indtastning i konfigurationen af app-head dækker hver rute, og den lander i den serverrenderede HTML frem for efter hydrering.
Ét scripttag · 0,9 KB · ingen cookiesAlle integrationer
Nuxt renderer på serveren og hydrerer derefter, og det er netop det tilfælde, Pertento er bygget til: tagget lægges i konfigurationen af app-head, så det er til stede i den serverrenderede HTML frem for at blive tilføjet, når bundlen kører. Den rækkefølge er det, der holder originalen fra at blinke frem før varianten. Tildelingen består gennem navigation på klientsiden, så en besøgende, der bevæger sig mellem ruter, bliver i én variant i stedet for at blive trukket om på hver side.
Sådan forbindes det
- Erklær tagget i konfigurationen af app-head, så det lander i den serverrenderede HTML.
- Indlæs det før hydrering frem for fra et plugin, der kun kører på klienten.
- Lad tildelingen bestå gennem skift af rute.
Mere i Frameworks og SPA-er
Alle integrationerNext.jsRendér tagget i rodlayoutet, så det indlæses før hydrering, og varianter består gennem skift af rute på klientsiden.Sådan forbindes detReactEn single page-app skal have tagget én gang, i HTML-skallen. Varianter overlever routing frem for at blive anvendt igen pr. visning.Sådan forbindes detVueInstaller én gang i appens HTML-indgangspunkt; styringen vurderes igen ved hvert skift af rute, uden at den besøgende tildeles om.Sådan forbindes det