Tina CMS is a Git-backed headless content management system.
Integrating with AstroSection titled Integrating with Astro
To get started, you’ll need an existing Astro project.
Run the following command to install Tina into your Astro project.
- When prompted for a Cloud ID, press Enter to skip. You’ll generate one later if you want to use Tina Cloud.
- When prompted “What framework are you using”, choose Other.
- When asked where public assets are stored, press Enter.
After this has finished, you should now have a
.tinafolder in the root of your project and an
adminfolder in your public directory. It will also create a Markdown file at
TinaCMS is now set up in local mode. Test this by running the
devscript, then navigating to
Editing the “Hello, World!” post will update the
content/posts/hello-world.mdfile in your project directory.
Set up your Tina collections by editing the
For example, you can add a required “date posted” frontmatter property to our posts:
Learn more about Tina collections in the Tina docs.
In production, TinaCMS can commit changes directly to your GitHub repository. To set up TinaCMS for production, you can choose to use Tina Cloud or self-host the Tina Data Layer. You can read more about registering for Tina Cloud in the Tina Docs.
Official ResourcesSection titled Official Resources
Community ResourcesSection titled Community Resources
- Astro Tina Starter with visual editing by Jeff See + Dylan Awalt-Conley
- Astro Tina Starter with basic editing by Tom Bennet
- Using Astro’s Image Optimization with Tina