Guide
Tina Cloud & Mode Editing
Setup auth Tina Cloud, dan dua mode editing: CMS dasar vs visual/contextual.
Setup Tina Cloud
- Bikin project di app.tina.io dan konek ke repo GitHub kamu.
- Copy Client ID dan Read-only Token dari dashboard project.
- Simpan sebagai environment variable:
NUXT_TINA_CLIENT_ID=<client-id-kamu>
NUXT_TINA_TOKEN=<token-kamu>
- Build admin production-nya (bukan mode dev lokal):
npx tinacms build
tinacms dev selalu nampilin banner "You are in local mode" apapun isi clientId-nya: itu bukan bug, itu emang perilaku CLI-nya. Login Tina Cloud yang beneran cuma muncul di build production (tinacms build tanpa --local, terus dideploy atau dijalankan lewat nuxi build && nuxi preview).
Dua mode editing
nuxt-tina nggak "gantiin" editor bawaan Tina. Dua mode ini jalan independen:
| Mode | URL | Butuh bridge kita? |
|---|---|---|
| CMS dasar (stabil) | /admin#/collections/<name>/edit/<file> | Nggak: form-nya baca/tulis langsung ke local data layer |
| Visual/contextual (eksperimental) | /admin#/~/<page-path> | Iya: pakai useTina() + data-tina-field |
Kalau visual editing kerasa belum stabil di project kamu, mode CMS dasar tetap jalan penuh sebagai fallback.