{"pageProps":{"error":null,"preview":false,"file":{"fileRelativePath":"content/docs/index.md","data":{"frontmatter":{"title":"TinaCMS Documentation","id":"introduction"},"excerpt":" Tina is a toolkit for building content management systems. By creating a custom CMS with Tina instead of opting for a conventional, \"turn-key\" solution, developers that use Tina have a lot more…","markdownBody":"\nTina is a **toolkit for building content management systems.** By creating a custom CMS with Tina instead of opting for a conventional, \"turn-key\" solution, developers that use Tina have a lot more control over the editing experience of their users.\n\n## First Steps\n\nAre you new to using Tina to build content management systems? Start with these resources to build your understanding of Tina and what's possible.\n\n- Visit the [Getting Started Guide](/docs/getting-started/introduction 'Getting Started') to learn the basics of using Tina to build superb content editing experiences.\n- Click **Edit this Site** at the bottom of the page to fork the [tinacms.org repository](https://github.com/tinacms/tinacms.org 'Tinacms.org Repository'), make changes, and then open a Pull Request!\n- Checkout [this video of a page builder](https://youtu.be/4qGz0cP_DSA 'Inline Editing Demo Video') created with TinaCMS.\n\n## Getting Help\n\nHave questions on how to use Tina to build your CMS?\n\n- Visit the [Tina Forum](https://community.tinacms.org 'Tina Forum') to engage with the core team and community.\n- Report bugs using [GitHub Issues](https://github.com/tinacms/tinacms/issues 'Tina Github Issues')\n- FAQ _(Coming Soon)_\n\n## How This Site Is Organized\n\nLearning how to build a CMS is no small feat! We've compiled a variety of resources to help you along.\n\n- Docs describe the main Tina concepts and how to use them to build your CMS.\n- [Guides](/guides 'Tina Guides') take you through the steps involved in addressing key problems and specific use-cases.\n- The [Blog](/blog 'Tina Blog') is where release notes, tips, and other announcements are posted.\n- Visit the Packages Lookup _(Coming Soon)_ to find more tools and make building your CMS even easier.\n\n## Constructing The User Interface\n\nTina lets you choose the user interface that best fits your workflow. You can use one of its default interfaces or construct your own. You can even build editing capabilities directly into your page!\n\n- Learn about the [Toolbar](/docs/ui#toolbar-configuration 'Tina Toolbar') and [Sidebar](/docs/ui#sidebar-configuration 'Tina Sidebar') UI components.\n- Take control of the appearance of your CMS using [Custom Styling](/docs/ui/styles 'Styles')\n- Add features to your CMS using [Screen Plugins](/docs/plugins/screens 'Screen Plugins') and [Toolbar Widgets](/docs/plugins/toolbar-widgets).\n- Wander off the beaten trail and create a totally custom UI _(Coming Soon)_\n\n## Tools for Managing Content\n\nTina gives you the tools you need to manage content from the data source of your choosing. These docs will show you how to craft your ideal content editing experience.\n\n- **Editing Content:** [Creating Forms](/docs/plugins/forms), [Fields](/docs/plugins/fields),[ Custom Fields](/docs/plugins/fields/custom-fields), [Inline Editing](/docs/ui/inline-editing), [Working with Inline Blocks](/guides//general/inline-blocks/overview)\n- **Creating Content:** Using [Content Creators](/docs/plugins/content-creators)\n- **Deleting Content:** Using Form Actions. _(Coming Soon)_\n- **Media Management:** [Media Stores](/docs/media 'Tina Media Store'), [Image Fields](/docs/plugins/fields/image 'Image Field Plugin'), [Inline Images](/docs/ui/inline-editing/inline-image 'Inline Images')\n- **Custom Fields:** [How to Make a Custom Field Component](/blog/custom-field-components)\n\n## Integrating with React Frameworks\n\nTina is designed to work with just about any React framework. Once you're comfortable with the basics of TinaCMS, these guides will help you learn the specifics of building a CMS with Next.js or Gatsby.\n\n- [Next.js](/docs/integrations/nextjs)\n- [Gatsby](/docs/integrations/gatsby)\n"}},"tocItems":"- [First Steps](#first-steps)\n- [Getting Help](#getting-help)\n- [How This Site Is Organized](#how-this-site-is-organized)\n- [Constructing The User Interface](#constructing-the-user-interface)\n- [Tools for Managing Content](#tools-for-managing-content)\n- [Integrating with React Frameworks](#integrating-with-react-frameworks)","docsNav":[{"title":"Getting Started","id":"getting-started","items":[{"id":"/docs/getting-started/introduction","slug":"/docs/getting-started/introduction","title":"Introduction"}]},{"title":"CMS","id":"the-cms","items":[{"id":"/docs/cms","slug":"/docs/cms","title":"Overview"}]},{"title":"User Interface","id":"user-interface","items":[{"id":"/docs/ui","title":"Sidebar & Toolbar","slug":"/docs/ui"},{"title":"Inline Editing","id":"inline-editing","slug":"/docs/ui/inline-editing","items":[{"id":"/docs/ui/inline-editing/inline-text","title":"Inline Text","slug":"/docs/ui/inline-editing/inline-text"},{"id":"/docs/ui/inline-editing/inline-textarea","title":"Inline Textarea","slug":"/docs/ui/inline-editing/inline-textarea"},{"id":"/docs/ui/inline-editing/inline-wysiwyg","title":"Inline Wysiwyg","slug":"/docs/ui/inline-editing/inline-wysiwyg"},{"id":"/docs/ui/inline-editing/inline-image","title":"Inline Image","slug":"/docs/ui/inline-editing/inline-image"},{"id":"/docs/ui/inline-editing/inline-group","title":"Inline Group","slug":"/docs/ui/inline-editing/inline-group"},{"id":"/docs/ui/inline-editing/inline-blocks","title":"Inline Blocks","slug":"/docs/ui/inline-editing/inline-blocks"}]},{"id":"/docs/ui/alerts","title":"Alerts","slug":"/docs/ui/alerts"},{"id":"/docs/ui/styles","title":"Custom Styles","slug":"/docs/ui/styles"}]},{"id":"plugins","title":"Plugins","items":[{"title":"About Plugins","id":"forms","slug":"/docs/plugins"},{"title":"Forms","id":"forms","slug":"/docs/plugins/forms"},{"title":"Fields","id":"fields","slug":"/docs/plugins/fields","items":[{"id":"/docs/plugins/fields/text","slug":"/docs/plugins/fields/text","title":"Text"},{"id":"/docs/plugins/fields/textarea","slug":"/docs/plugins/fields/textarea","title":"Text Area"},{"id":"/docs/plugins/fields/number","slug":"/docs/plugins/fields/number","title":"Number"},{"id":"/docs/plugins/fields/image","slug":"/docs/plugins/fields/image","title":"Image"},{"id":"/docs/plugins/fields/color","slug":"/docs/plugins/fields/color","title":"Color"},{"id":"/docs/plugins/fields/toggle","slug":"/docs/plugins/fields/toggle","title":"Toggle"},{"id":"/docs/plugins/fields/select","slug":"/docs/plugins/fields/select","title":"Select"},{"id":"/docs/plugins/fields/tags","slug":"/docs/plugins/fields/tags","title":"Tags"},{"id":"/docs/plugins/fields/list","slug":"/docs/plugins/fields/list","title":"List"},{"id":"/docs/plugins/fields/group","slug":"/docs/plugins/fields/group","title":"Group"},{"id":"/docs/plugins/fields/group-list","slug":"/docs/plugins/fields/group-list","title":"Group List"},{"id":"/docs/plugins/fields/blocks","slug":"/docs/plugins/fields/blocks","title":"Blocks"},{"id":"/docs/plugins/fields/date","slug":"/docs/plugins/fields/date","title":"Date & Time"},{"id":"/docs/plugins/fields/markdown","slug":"/docs/plugins/fields/markdown","title":"Markdown"},{"id":"/docs/plugins/fields/html","slug":"/docs/plugins/fields/html","title":"HTML"},{"id":"/docs/plugins/fields/custom-fields","slug":"/docs/plugins/fields/custom-fields","title":"Custom Fields"}]},{"title":"Content Creators","id":"content-creator","slug":"/docs/plugins/content-creators"},{"title":"Screens","id":"screens","slug":"/docs/plugins/screens"},{"title":"Toolbar Widgets","id":"toolbar:widget","slug":"/docs/plugins/toolbar-widgets"}]},{"id":"events","title":"Events","items":[{"id":"/docs/events","slug":"/docs/events","title":"About Events"}]},{"title":"Media","id":"media","items":[{"id":"/docs/media","slug":"/docs/media","title":"About Media"}]},{"id":"apis","title":"External APIs","items":[{"id":"/docs/api","slug":"/docs/apis","title":"About APIs"}]},{"title":"Integrations","id":"nextjs","items":[{"id":"/docs/integrations/nextjs","slug":"/docs/integrations/nextjs","title":"Next.js"},{"id":"/docs/integrations/gatsby","slug":"/docs/integrations/gatsby","title":"Gatsby"}]},{"title":"Release Notes","id":"releases","items":[{"id":"/docs/releases","href":"/docs/releases","title":"All Releases"}]},{"title":"Packages","id":"packages","items":[{"id":"/packages/react-tinacms-date","slug":"/packages/react-tinacms-date","title":"react-tinacms-date"},{"id":"/packages/react-tinacms-editor","slug":"/packages/react-tinacms-editor","title":"react-tinacms-editor"},{"id":"/packages/react-tinacms-github","slug":"/packages/react-tinacms-github","title":"react-tinacms-github"},{"id":"/packages/react-tinacms-inline","slug":"/packages/react-tinacms-inline","title":"react-tinacms-inline"},{"id":"/packages/react-tinacms-strapi","slug":"/packages/react-tinacms-strapi","title":"react-tinacms-strapi"},{"id":"/packages/next-tinacms-github","slug":"/packages/next-tinacms-github","title":"next-tinacms-github"},{"id":"/packages/next-tinacms-json","slug":"/packages/next-tinacms-json","title":"next-tinacms-json"},{"id":"/packages/next-tinacms-markdown","slug":"/packages/next-tinacms-markdown","title":"next-tinacms-markdown"},{"id":"/packages/gatsby-plugin-tinacms","slug":"/packages/gatsby-plugin-tinacms","title":"gatsby-plugin-tinacms"},{"id":"/packages/gatsby-tinacms-git","slug":"/packages/gatsby-tinacms-git","title":"gatsby-tinacms-git"},{"id":"/packages/gatsby-tinacms-json","slug":"/packages/gatsby-tinacms-json","title":"gatsby-tinacms-json"},{"id":"/packages/gatsby-tinacms-remark","slug":"/packages/gatsby-tinacms-remark","title":"gatsby-tinacms-remark"}]}],"nextPage":{"slug":null,"title":null},"prevPage":{"slug":null,"title":null}},"__N_SSG":true}