Frameworki i aplikacje jednostronicowe

Pertento dla SvelteKit

Tag należy do szablonu aplikacji, żeby był renderowany na serwerze, a przypisanie przenosi się przez routing SvelteKit po stronie klienta.

Jeden tag skryptu · 0,9 KB · bez ciasteczekWszystkie integracje

SvelteKit renderuje na serwerze i hydruje w przeglądarce, więc tag należy do szablonu aplikacji, który produkuje head, a nie do komponentu działającego po hydracji. Umieszczony tam jest w tym HTML, który odwiedzający dostaje jako pierwszy, a tego właśnie potrzebuje renderowanie z zabezpieczeniem przed migotaniem. Po hydracji warianty trwają, kiedy router przechodzi między trasami, a SDK obejmuje wszystko, co funkcja load rozstrzyga przed zbudowaniem strony.

Zamów demo Przewodnik instalacji

Jak się łączy

Dodajcie tag do head szablonu aplikacji, powyżej bundle hydracji.
Użyjcie SDK w funkcjach load do decyzji podejmowanych przed renderowaniem.
Pozwólcie przypisaniu trwać przez nawigację po stronie klienta.

Więcej w Frameworki i aplikacje jednostronicowe

Wszystkie integracje

Next.jsWyrenderujcie tag w głównym układzie, żeby ładował się przed hydracją, a warianty trwają przez zmiany tras po stronie klienta.Jak się łączy NuxtJeden wpis w konfiguracji head aplikacji obejmuje każdą trasę i trafia do HTML wyrenderowanego na serwerze, a nie dopiero po hydracji.Jak się łączy ReactAplikacja jednostronicowa potrzebuje tagu raz, w powłoce HTML. Warianty przeżywają routing, zamiast być nakładane od nowa dla każdego widoku.Jak się łączy

Pertento dla SvelteKit

Lepsze testy, lepsze konwersje