Frameworks en SPA's
Pertento voor SvelteKit
De tag hoort in de app-template zodat hij serverside wordt gerenderd, en de toewijzing blijft bestaan over de clientside routing van SvelteKit heen.
Eén scripttag · 0,9 KB · geen cookiesAlle integraties
SvelteKit rendert op de server en hydrateert in de browser, dus de tag hoort in de applicatietemplate die de head produceert en niet in een component dat pas na de hydratatie draait. Daar geplaatst staat hij in de HTML die de bezoeker als eerste ontvangt, en dat is wat anti-flikkering nodig heeft. Na de hydratatie blijven varianten bestaan terwijl de router tussen routes beweegt, en de SDK dekt alles wat een load-functie vastlegt voordat de pagina wordt gebouwd.
Hoe het aansluit
- Voeg de tag toe aan de head van de app-template, boven de hydratatiebundel.
- Gebruik de SDK binnen load-functies voor besluiten die vóór het renderen vallen.
- Laat de toewijzing over clientside navigatie heen bestaan.
Meer in Frameworks en SPA's
Alle integratiesNext.jsRender de tag in de rootlayout zodat hij laadt vóór de hydratatie, en varianten blijven bestaan over clientside routewijzigingen heen.Hoe het aansluitNuxtEén regel in de head-configuratie van de app dekt elke route, en hij landt in de serverside gerenderde HTML in plaats van pas na de hydratatie.Hoe het aansluitReactEen single-page app heeft de tag één keer nodig, in de HTML-schil. Varianten overleven het routeren in plaats van per weergave opnieuw te worden toegepast.Hoe het aansluit