{"pageProps":{"error":null,"preview":false,"file":{"sha":"","fileRelativePath":"content/docs/index.md","data":{"frontmatter":{"title":"Tina Docs","id":"introduction","last_edited":"2021-07-27T15:51:56.737Z","next":"/docs/setup-overview"},"excerpt":" Tina contains multiple tools and applications designed to improve collaboration between content writers and developers who work on web content. Our TinaCMS JS library, is an open source library that&hellip;","markdownBody":"\n**Tina** contains multiple tools and applications designed to improve collaboration between **content writers** and **developers** who work on web content.\n\n- Our **TinaCMS JS library**, is an open source library that enables developers to add a custom visual editing experience directly into their site.\n- Our **Tina Cloud** hosted service allows cross-functional teams to collaborate on the site's content in a git-based worflow (regardless of whether they write code or have GitHub accounts).\n\n<div class=\"callout\">\n<img className=\"learnImage\" src=\"../img/tina-laptop.png\" alt=\"\" />\n<div>\n<h3>Ready to get started?</h3>\n<p>Get a website running with Tina Cloud in no time!</P>\n<a href=\"/guides/tina-cloud/starter/overview/\" class=\"calloutButton\">Quick Start Guide <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg></a>\n</div>\n</div>\n\n## Guides\n\nOur **Guides** section contains various step-by-step guides to show you how to use Tina. We believe guides are opportunities for learning, and we will introduce you you to certain APIs, configurations, or workflows and provide rudimentary examples for your reference.\n\n[View the Guides](/guides)\n"}},"tocItems":"  - [Guides](#guides)\n","docsNav":[{"category":"Introduction","slug":"/docs/","description":"Quickly Setup Tina on your site","items":[{"id":"/docs/","slug":"/docs/","title":"Overview"},{"id":"/docs/setup-overview/","slug":"/docs/setup-overview/","title":"Getting Started"}]},{"category":"Basic Features","slug":"/docs/schema/","description":"The JavaScript toolkit for building content management interfaces","items":[{"title":"Content Modeling","id":"/docs/schema","slug":"/docs/schema/"},{"title":"Data Fetching","id":"/docs/features/data-fetching","slug":"/docs/features/data-fetching/"},{"title":"Contextual Editing","id":"/docs/tinacms-context","slug":"/docs/tinacms-context/"},{"title":"Extending Tina","id":"/docs/features/extending-tina/","slug":"/docs/features/extending-tina/"}]},{"category":"Going To Production","slug":"/docs/tina-cloud","description":"Powerful Git-based content management for teams","items":[{"id":"/docs/tina-cloud/","slug":"/docs/tina-cloud/","title":"Overview"},{"id":"/docs/tina-cloud/dashboard/","slug":"/docs/tina-cloud/dashboard/","title":"Tina Cloud Dashboard"},{"id":"/docs/tina-cloud/using-app/","slug":"/docs/tina-cloud/using-app/","title":"Using a project"},{"id":"/docs/tina-cloud/faq/","slug":"/docs/tina-cloud/faq/","title":"FAQ"}]},{"category":"Reference","slug":"/docs/media-cloudinary/","description":"The JavaScript toolkit for building content management interfaces","items":[{"id":"/docs/tinacms-package/","slug":"/docs/tinacms-package/","title":"tinacms","items":[{"title":"Custom Fields","id":"tinacms:custom-fields/","slug":"/docs/advanced-features/custom-fields/"},{"title":"Rich text","id":"mdx","slug":"/docs/mdx/"}]},{"id":"/docs/cli-overview/","slug":"/docs/cli-overview/","title":"@tinacms/cli","items":[{"title":"TinaCMS CLI","id":"/docs/cli","slug":"/docs/cli/"},{"title":"GraphQL API","id":"/docs/graphql/","slug":"/docs/graphql/"},{"title":"Advanced Usage","id":"/docs/schema-advanced/","slug":"/docs/schema-advanced/"}]},{"title":"next-tinacms-cloudinary","id":"/docs/media-cloudinary/","slug":"/docs/media-cloudinary/"},{"title":"Using the CMS Toolkit with Tina Cloud","id":"/docs/reference/toolkit/overview/","slug":"/docs/reference/toolkit/overview/","items":[{"id":"/docs/reference/toolkit/cms/","slug":"/docs/reference/toolkit/cms/","title":"The CMS"},{"id":"/docs/reference/toolkit/forms/","slug":"/docs/reference/toolkit/forms/","title":"Forms"},{"title":"Field Plugins","id":"fields/","slug":"/docs/reference/toolkit/fields/","items":[{"id":"/docs/reference/toolkit/fields/text/","slug":"/docs/reference/toolkit/fields/text/","title":"Text"},{"id":"/docs/reference/toolkit/fields/textarea/","slug":"/docs/reference/toolkit/fields/textarea/","title":"Text Area"},{"id":"/docs/reference/toolkit/fields/number/","slug":"/docs/reference/toolkit/fields/number/","title":"Number"},{"id":"/docs/reference/toolkit/fields/image/","slug":"/docs/reference/toolkit/fields/image/","title":"Image"},{"id":"/docs/reference/toolkit/fields/color/","slug":"/docs/reference/toolkit/fields/color/","title":"Color"},{"id":"/docs/reference/toolkit/fields/toggle/","slug":"/docs/reference/toolkit/fields/toggle/","title":"Toggle"},{"id":"/docs/reference/toolkit/fields/radio-group/","slug":"/docs/reference/toolkit/fields/radio-group/","title":"Radio Group"},{"id":"/docs/reference/toolkit/fields/select/","slug":"/docs/reference/toolkit/fields/select/","title":"Select"},{"id":"/docs/reference/toolkit/fields/tags/","slug":"/docs/reference/toolkit/fields/tags/","title":"Tags"},{"id":"/docs/reference/toolkit/fields/list/","slug":"/docs/reference/toolkit/fields/list/","title":"List"},{"id":"/docs/reference/toolkit/fields/group/","slug":"/docs/reference/toolkit/fields/group/","title":"Group"},{"id":"/docs/reference/toolkit/fields/group-list/","slug":"/docs/reference/toolkit/fields/group-list/","title":"Group List"},{"id":"/docs/reference/toolkit/fields/blocks/","slug":"/docs/reference/toolkit/fields/blocks/","title":"Blocks"},{"id":"/docs/reference/toolkit/fields/date/","slug":"/docs/reference/toolkit/fields/date/","title":"Date & Time"},{"id":"/docs/reference/toolkit/fields/markdown/","slug":"/docs/reference/toolkit/fields/markdown/","title":"Markdown"},{"id":"/docs/reference/toolkit/fields/html/","slug":"/docs/reference/toolkit/fields/html/","title":"HTML"},{"id":"/docs/reference/toolkit/fields/custom-fields/","slug":"/docs/reference/toolkit/fields/custom-fields/","title":"Custom Fields"}]}]},{"title":"CMS Toolkit","slug":"/docs/toolkit/","expandOnSelect":true,"description":"The JavaScript toolkit for building content management interfaces","items":[{"title":"Content Management","id":"/docs/content-management/","slug":"/docs/content-management/"},{"id":"/docs/cms/","slug":"/docs/cms/","title":"Using the CMS instance"},{"title":"Using Forms","id":"forms/","slug":"/docs/forms/"},{"title":"Fields","id":"fields/","slug":"/docs/fields/","items":[{"id":"/docs/fields/text/","slug":"/docs/fields/text/","title":"Text"},{"id":"/docs/fields/textarea/","slug":"/docs/fields/textarea/","title":"Text Area"},{"id":"/docs/fields/number/","slug":"/docs/fields/number/","title":"Number"},{"id":"/docs/fields/image/","slug":"/docs/fields/image/","title":"Image"},{"id":"/docs/fields/color/","slug":"/docs/fields/color/","title":"Color"},{"id":"/docs/fields/toggle/","slug":"/docs/fields/toggle/","title":"Toggle"},{"id":"/docs/fields/radio-group/","slug":"/docs/fields/radio-group/","title":"Radio Group"},{"id":"/docs/fields/select/","slug":"/docs/fields/select/","title":"Select"},{"id":"/docs/fields/tags/","slug":"/docs/fields/tags/","title":"Tags"},{"id":"/docs/fields/list/","slug":"/docs/fields/list/","title":"List"},{"id":"/docs/fields/group/","slug":"/docs/fields/group/","title":"Group"},{"id":"/docs/fields/group-list/","slug":"/docs/fields/group-list/","title":"Group List"},{"id":"/docs/fields/blocks/","slug":"/docs/fields/blocks/","title":"Blocks"},{"id":"/docs/fields/date/","slug":"/docs/fields/date/","title":"Date & Time"},{"id":"/docs/fields/markdown/","slug":"/docs/fields/markdown/","title":"Markdown"},{"id":"/docs/fields/html/","slug":"/docs/fields/html/","title":"HTML"},{"id":"/docs/fields/custom-fields/","slug":"/docs/fields/custom-fields/","title":"Custom Fields"}]},{"title":"Content Creators","id":"content-creator","slug":"/docs/plugins/content-creators/"},{"id":"/docs/media","slug":"/docs/media/","title":"Media"},{"id":"/docs/api","slug":"/docs/apis/","title":"Using External APIs"},{"title":"User Interface","id":"user-interface/","slug":"/docs/user-interface/","items":[{"id":"/docs/sidebar-toolbar/","title":"Sidebar & Toolbar","slug":"/docs/sidebar-toolbar/"},{"id":"/docs/ui/alerts/","title":"Alerts","slug":"/docs/ui/alerts/"},{"id":"/docs/ui/styles/","title":"Custom Styles","slug":"/docs/ui/styles/"}]},{"title":"Extending Tina","id":"/docs/extending-tina/","slug":"/docs/extending-tina/","items":[{"id":"/docs/events/","slug":"/docs/events/","title":"Events"},{"title":"Plugins","id":"forms/","slug":"/docs/plugins/"},{"title":"Screens","id":"screens/","slug":"/docs/plugins/screens/"},{"title":"Toolbar Widgets","id":"toolbar:widget/","slug":"/docs/plugins/toolbar-widgets/"}]}]}]},{"category":"Guides","slug":"/guides","description":"Learn to use Tina step-by-step","items":[{"id":"/guides/","slug":"/guides/","title":"Overview"},{"id":"/guides#tina-cloud","slug":"/guides#tina-cloud","title":"TinaCMS","items":[{"id":"/guides/tina-cloud/starter/overview/","slug":"/guides/tina-cloud/starter/overview/","title":"Using the Tina starter","items":[{"title":"Overview","id":"/guides/tina-cloud/starter/overview/","slug":"/guides/tina-cloud/starter/overview/","data":"./overview.md"},{"title":"Create an Account with TinaCMS","id":"/guides/tina-cloud/starter/create-account/","slug":"/guides/tina-cloud/starter/create-account/","data":"./create-account.md"},{"title":"Getting up and running locally","id":"/guides/tina-cloud/starter/local/","slug":"/guides/tina-cloud/starter/local/","data":"./local.md"},{"title":"Working with TinaCMS","id":"/guides/tina-cloud/starter/connect-to-tina-cloud/","slug":"/guides/tina-cloud/starter/connect-to-tina-cloud/","data":"./connect-to-tina-cloud.md"},{"title":"Starter Structure","id":"/guides/tina-cloud/starter/structure/","slug":"/guides/tina-cloud/starter/structure/","data":"./structure.md"}]},{"id":"/guides/tina-cloud/add-tinacms-to-existing-site/overview/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/overview/","title":"Adding TinaCMS to an existing Next.js app","items":[{"title":"Overview","id":"/guides/tina-cloud/add-tinacms-to-existing-site/overview/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/overview/","data":"./overview.md"},{"title":"Creating our Application","id":"/guides/tina-cloud/add-tinacms-to-existing-site/create-app/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/create-app/","data":"./create-app.md"},{"title":"Content Modelling","id":"/guides/tina-cloud/add-tinacms-to-existing-site/content-modelling/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/content-modelling/","data":"./content-modelling.md"},{"title":"Add Tina to our pages","id":"/guides/tina-cloud/add-tinacms-to-existing-site/next-changes/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/next-changes/","data":"./next-changes.md"},{"title":"Adding Plugins","id":"/guides/tina-cloud/add-tinacms-to-existing-site/markdown-plugin/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/markdown-plugin/","data":"./markdown-plugin.md"},{"title":"Tina Cloud and Deployment","id":"/guides/tina-cloud/add-tinacms-to-existing-site/deployment/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/deployment/","data":"./deployment.md"},{"title":"Next Steps","id":"/guides/tina-cloud/add-tinacms-to-existing-site/next-steps/","slug":"/guides/tina-cloud/add-tinacms-to-existing-site/next-steps/","data":"./next-steps.md"}]}]},{"id":"/guides#experimental","title":"Experimental Guides","slug":"/guides#experimental","expandOnSelect":true,"items":[{"id":"/guides/experimental/inline-blocks/overview/","slug":"/guides/experimental/inline-blocks/overview/","title":"Inline Blocks"},{"id":"/guides/experimental/tina-with-strapi/overview/","slug":"/guides/experimental/tina-with-strapi/overview/","title":"Strapi Backend"},{"id":"/guides/tinacms/github/initial-setup/","slug":"/guides/experimental/github/initial-setup/","title":"GitHub Backend"}]}]}],"nextPage":{"slug":"/docs/setup-overview","title":"Getting Started"},"prevPage":{"slug":null,"title":null}},"__N_SSG":true}