Skip to content

Commit 59b7999

Browse files
authored
Update tinacms.md
1 parent d9fcb37 commit 59b7999

File tree

1 file changed

+35
-17
lines changed

1 file changed

+35
-17
lines changed

src/site/headless-cms/tinacms.md

Lines changed: 35 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,53 @@
22
title: Tina
33
repo: tinacms/tinacms
44
homepage: https://tina.io
5-
twitter: tina_cms
5+
twitter: tinacms
66
opensource: "Yes"
7-
typeofcms: "Git-based"
7+
typeofcms: "Git + API"
88
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.
1111
---
1212

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:
1414

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
1717

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.
1919

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>
2121

22-
![tina-gif](https://res.cloudinary.com/forestry-demo/video/upload/v1629294438/tina-io/Beta_Launch_Demo.gif)
22+
## Try it out
23+
Create a testing site:
2324

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+
```
2528

26-
## Get Started
29+
Or request a [demo](mailto:[email protected]).
2730

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:
2933

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`).
3136

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.
3338

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.
3541

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

Comments
 (0)