SvelteKit

Starter-ul pentru SvelteKit citește Manifolio în load-urile de server, cu cheia secretă din $app/env/private. Afișează orice intrare după schema ta, trece pe ciorne cu ?mf_preview= și adaugă t.js. Îl descarci din Conectează-ți site-ul → SvelteKit → Starter.

Pornirea în trei pași

1. Cheile. Copiezi .env.example în .env (completat în starter-ul descărcat). Variabilele sunt declarate în src/env.ts.
2. Instalarea. npm install, apoi npm run types (scrie src/manifolio.d.ts).
3. Pornirea. npm run dev și deschizi http://localhost:5173. În producție: npm run build && npm start.

Cache-ul și webhook-ul

SvelteKit nu are cache de date. src/lib/server/manifolio.ts ține răspunsurile publicate în memorie cinci minute; src/routes/api/revalidate/+server.ts verifică webhook-ul și golește cache-ul. În spatele unui CDN, îl golești acolo.

Editorul vizual

src/hooks.server.ts permite încadrarea de către MANIFOLIO_ADMIN_ORIGIN și oprește cache-ul la previzualizare. Pagina intrării își face nodurile pe server cu client.editable, deci atributele data-mf-edit apar doar cu token. Adresa de previzualizare: https://site-ul-tau/{type}/{slug}.

Până ajunge @manifolio/sdk pe npm, starter-ul descărcat îl are în vendor/manifolio-sdk.