Use Tina with your favorite modern javascript frameworks. While currently compatible with most React-based workflows — specifically Gatsby, Next.js and React SPA’s — plan on adding Tina to your Vue, Gridsome or Nuxt projects very soon.
Manage content on your own site, not another platform. Import Tina directly into your components to expose an editing interface for controlling and updating layers of your content mesh. You define the content model and editing powers specific to your site.
This is not one-size-fits-all CMS. Tina is a grassroots open source javascript toolkit with a plugin-rich ecosystem. You can customize and extend the toolkit to suit your needs. Get and give help with a robust community of contributors.
Install and configure Tina plugins
Wrap and export your templates with Tina components specific to your data
Customize and define the content fields by passing an options argument
Open the sidebar 🤩, edit your site and watch the content updating in realtime
yarn add gatsby-plugin-tinacms module.exports = { // ... plugins: [ 'gatsby-plugin-tinacms', // ... ], }; export WithTina( Component );