În starter-ul pentru Nuxt 4, paginile cheamă două rute de server care țin cheia secretă, deci ea nu ajunge în browser. Orice intrare se afișează după schema ta, editorul vizual merge cu ?mf_preview=, iar t.js numără vizitele. Îl descarci din Conectează-ți site-ul → Nuxt → Starter.
Pornirea în trei pași
- Cheile. Copiezi
.env.exampleîn.env(completat în starter-ul descărcat). - Instalarea.
npm installcu npm 11 sau mai nou (npm 10 se oprește în arborele de dependențe al lui Nuxt), apoinpm run types. - Pornirea.
npm run devși deschizi http://localhost:3000. În producție:npm run build && npm start.
Unde stau lucrurile
| Fișier | Ce face |
|---|---|
server/utils/manifolio.ts | clientul, cu un cache în memorie de cinci minute pentru conținutul publicat |
server/api/manifolio/[type]/index.get.ts | o colecție, cu schema ei |
server/api/manifolio/[type]/[slug].get.ts | o intrare, cu schema ei |
server/api/revalidate.post.ts | webhook-ul: verifică semnătura, golește cache-ul |
app/lib/view.ts | nodurile de afișat, din schemă (același fișier în fiecare starter) |
app/app.vue | t.js pe paginile publice, bridge-ul la previzualizare |
Configurația vine din .env la build; în producție o suprascrii cu NUXT_MANIFOLIO_KEY, NUXT_PUBLIC_SITE_KEY și celelalte.
Până ajunge @manifolio/sdk pe npm, starter-ul descărcat îl are în vendor/manifolio-sdk.