Astro + TinaCMS - Multilanguage / i18n

Demo: https://astro-tina-cms-i18n-starter.vercel.app/

Single-Language Starter

TinaCMS website: https://tina.io/

Testimonials

• Smashing Magazine (2023-09-18): How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow
• Cassidy Williams (2023-10-23) Trying out TinaCMS

TODO: description

Docs

• Official Astro docs for TinaCMS
• Official TinaCMS docs for Astro
• Instructions on self-hosting TinaCMS

Core Setup Tasks

Config

• confirm that it's possible to init tina without clientId / creating a new cloud project
• in tina/config.ts: change default location for Tina's content collection to src/content
• to fully utilize Tina with Astro, define an Astro content collection (for e.g. posts)

Development

• regular pnpm dev && pnpm build (both are modified to init tinacms <task> before running Astro)
• add clientId and token from the Tina project to .env (see .env.example)

Deployment

• add environment variables to deployment environment:
  • TINA_CLIENT_ID
  • TINA_READ_ONLY_TOKEN

TODO

• figure out how to use Astro's image components / preprocessing with Tina
  • Tina also has an Image Field type
• figure out i18n support Official docs
  • TODO: data-based UI translations
• figure out mdx support Official docs
• how to re-share types / schema modeling btw. Tina and Astro?
  • Tina schema is defined in tina/config.ts
  • Astro schema is defined in src/content/config.ts