|
2 | 2 | title: Tina |
3 | 3 | repo: tinacms/tinacms |
4 | 4 | homepage: https://tina.io |
5 | | -twitter: tina_cms |
| 5 | +twitter: tinacms |
6 | 6 | opensource: "Yes" |
7 | | -typeofcms: "Git-based" |
| 7 | +typeofcms: "Git + API" |
8 | 8 | supportedgenerators: |
9 | | - - Next |
10 | | -description: An open-source editor focused on git backed, cross-functional visual editing. |
| 9 | + - All |
| 10 | +description: TinaCMS is a free and open-source headless CMS focused on providing the best developer experience for building web sites and applications. |
11 | 11 | --- |
12 | 12 |
|
13 | | -Tina contains multiple tools and applications designed to improve collaboration between content writers and developers who work on web content. |
| 13 | +[TinaCMS](https://tina.io) is a free and open-source headless CMS focused on providing the best developer experience for building web sites and applications. Tina has two main components: |
14 | 14 |
|
15 | | -- Our TinaCMS JS library, is an open source library that enables developers to add a custom visual editing experience directly into their site. |
16 | | -- 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). |
| 15 | +* An open-source admin UI (with support for visual editing) |
| 16 | +* An open-source GraphQL API for serving content |
17 | 17 |
|
18 | | -To see Tina in action go to [tina.io](https://tina.io?utm_source=jamstack&utm_medium=link&utm_campaign=jamstack) or [try our quickstart flow](https://app.tina.io/quickstart?utm_source=jamstack&utm_medium=link&utm_campaign=jamstack) |
| 18 | +For people who don’t want to self-host their CMS, [Tina Cloud](https://tina.io/) provides a hosted option. |
19 | 19 |
|
20 | | -## The Next Generation of Content Management |
| 20 | +<video class="w-full h-auto" autoplay="" loop="" muted="" playsinline="" poster="https://res.cloudinary.com/forestry-demo/video/upload/so_0/tina-io/new-homepage/homepage-demo-2.jpg"><source src="https://res.cloudinary.com/forestry-demo/video/upload/q_80,h_562/tina-io/new-homepage/homepage-demo-2.webm" type="video/webm"><source src="https://res.cloudinary.com/forestry-demo/video/upload/q_80,h_562/tina-io/new-homepage/homepage-demo-2.mp4" type="video/mp4"></video> |
21 | 21 |
|
22 | | - |
| 22 | +## Try it out |
| 23 | +Create a testing site: |
23 | 24 |
|
24 | | -Tina is optimized for next-gen Jamstack tools. It currently supports Next.js with more frameworks in the future. |
| 25 | +``` |
| 26 | +npx create-tina-app@latest |
| 27 | +``` |
25 | 28 |
|
26 | | -## Get Started |
| 29 | +Or request a [demo](mailto:[email protected]). |
27 | 30 |
|
28 | | -To use Tina, you should have a good working knowledge of Next.js |
| 31 | +## Why Tina? |
| 32 | +Tina is an open-source headless CMS that does two things differently: |
29 | 33 |
|
30 | | -If you're itching to see what Tina can do, head over to the [Quickstart Guide](https://tina.io/docs/getting-started/introduction?utm_source=jamstack&utm_medium=link&utm_campaign=jamstack) or use our [Quickstart flow](https://app.tina.io/quickstart?utm_source=jamstack&utm_medium=link&utm_campaign=jamstack) |
| 34 | +### 1. Git Sync |
| 35 | +Like other headless CMSs, Tina provides a GraphQL API to query your content. However, Tina generates its API from content stored in Markdown and JSON files in a Git repository. This allows you to use the file system as the source of truth for your content instead of a database but gives you an API to query that content (i.e. `post.author.name`). |
31 | 36 |
|
32 | | -## Get Involved |
| 37 | +Tina Cloud Enterprise customers can leverage Tina’s [Editorial Workflow](https://tina.io/editorial-workflow) for advanced Git features like branching and Pull Requests. |
33 | 38 |
|
34 | | -Want to help out with Tina's development? Please visit our [Contributing](https://github.com/tinacms/tinacms/blob/main/CONTRIBUTING.md) section in our open source repository. |
| 39 | +### 2. Visual Editing |
| 40 | +Tina supports visual editing for sites using React (and soon Vue & Svelte). This means your content creators get a live preview when editing content. This allows you to give content creators a site-builder experience with block-based editing that feels similar to Wix or Squarespace. |
35 | 41 |
|
36 | | -Looking for help with Tina, or want to stay on top of the latest developments? [Join our Discord](https://discord.com/invite/zumN63Ybpf) to chat with other Tina enthusiasts. |
| 42 | +## Enterprise Features |
| 43 | +For Tina Cloud Business and Enterprise customers, Tina’s editorial workflow makes working on Branches and making Pull Requests user friendly. |
| 44 | + |
| 45 | +<video class="w-full h-auto" controls="" loop="" muted="" playsinline="" poster="https://res.cloudinary.com/forestry-demo/video/upload/so_0/v1689260393/blog-media/editorial-workflow/create-branch.jpg"><source src="https://res.cloudinary.com/forestry-demo/video/upload/q_80,h_562/v1689260393/blog-media/editorial-workflow/create-branch.webm" type="video/webm"><source src="https://res.cloudinary.com/forestry-demo/video/upload/q_80,h_562/v1689260393/blog-media/editorial-workflow/create-branch.mp4" type="video/mp4"></video> |
| 46 | + |
| 47 | +## Who's using Tina? |
| 48 | +Tina is used by agencies, Fortune 500 companies, and governments to power various types of sites. Tina can scale to sites with 10’s of thousands of Markdown-based pages, such as [smashingmagazine.com](smashingmagazine.com). |
| 49 | + |
| 50 | +## Resources |
| 51 | +* [Tina Documentation](https://tina.io/docs/) |
| 52 | +* 20-minute video tutorial with Tina's architect [https://www.youtube.com/watch?v=PcgnJDILv4w](https://www.youtube.com/watch?v=PcgnJDILv4w) |
| 53 | +* 5-part tutorial video series [here](https://tina.io/blog/Introducing-the-Deep-Dive-Video-Series/) |
| 54 | +* [Tina for Enterprise](https://tina.io/enterprise/) |
0 commit comments