Ramverk och SPA:er
Pertento för Nuxt
En post i applikationens head-konfiguration täcker varje rutt, och den hamnar i den serverrenderade HTML:en snarare än efter hydreringen.
En skripttagg · 0,9 KB · inga kakorAlla integrationer
Nuxt renderar på servern och hydrerar sedan, vilket är just det fall Pertento är byggt för: taggen läggs i applikationens head-konfiguration så att den finns i den serverrenderade HTML:en i stället för att läggas till när bundlen körs. Den ordningen är vad som hindrar originalet från att blinka fram före varianten. Tilldelningen består över navigering på klientsidan, så en besökare som rör sig mellan rutter stannar i en variant i stället för att lottas om på varje sida.
Så ansluter det
- Deklarera taggen i applikationens head-konfiguration så att den hamnar i den serverrenderade HTML:en.
- Ladda den före hydreringen snarare än från ett plugin som bara körs på klienten.
- Låt tilldelningen bestå över ruttbyten.
Mer i Ramverk och SPA:er
Alla integrationerNext.jsRendera taggen i rotlayouten så att den laddas före hydreringen, och varianter består över ruttbyten på klientsidan.Så ansluter detReactEn single page-app behöver taggen en gång, i HTML-skalet. Varianter överlever routning i stället för att appliceras om för varje vy.Så ansluter detVueInstallera en gång i appens HTML-ingångspunkt; styrningen prövas om vid varje ruttbyte utan att besökaren tilldelas på nytt.Så ansluter det