Tina Cloud is in public beta. Get Started

What's the difference between Tina Cloud and TinaCMS?

TinaCMS is an open source toolkit that enables developers to create a live editing experience on their site.

Tina Cloud adds a GraphQL API to Tina's open-source content editor allowing it to read and write content stored in your Github repository (ie. Markdown and soon JSON). It also grants authorization for other users (content creators, editors, marketers, etc) to login and edit their site without needing to grant direct access to the repository in GitHub

Where do I start?

What do I need to know about working with the current release of Tina Cloud?

Since this is an early release you should expect to run into bugs occasionally or be required to update your code because of API improvements.

These features are not (yet) included in Tina Cloud and you might miss them:

  • A multi-branch workflow
  • The GraphQL API for your content is not yet queryable with read-only tokens. That means it can only be used while editing content with Tina.

What technical considerations should I make when working with Tina Cloud?

You'll find success with Tina Cloud if your project includes:

  • Next.js - The flexibility of this fantastic React framework dramatically lowers the bar to build with Tina Cloud.
  • GitHub - The first Git provider that Tina Cloud integrates with. Other Git providers may be available in the future.
  • Static, file-based builds - The Tina Cloud client collects your filesystem content at build time. The ability to fetch content from our cloud API during builds will come soon.

The Next.js starter can get you up and running quickly with the above considerations. Give it a try and let us know how we can make developing with Tina easier.

How can I share an idea or get help using Tina Cloud?

  • If you haven't checked yet, the docs may have the answer you are looking for!
  • Connect with us on Discord.
  • We can help you at support@tina.io. Email us if you would like to schedule a chat!
  • Chat with us from your Tina Cloud dashboard (there's a chat widget on the bottom right of the browser window).

What is the pricing for Tina Cloud?

There will be no cost for small teams to use Tina Cloud while it is in Beta.

A fair use policy will be coming soon.

We will contact you if we believe your use case may eventually fit within our post-beta paid plans.

Does Tina Cloud work with Monorepos?

It does! Tina Cloud can work with sites inside monorepos by specifying the path to your .tina folder in your Project configuration.

If your repo is not a monorepo, there's no need to do any configuration. We'll expect your .tina folder at the root of your repo.

Here's an example monorepo structure that works with Tina Cloud:

    /projects/site-a
    /projects/site-b
    /projects/site-c

Tina.io login window doesn't close when logging in from a site

When a user logs in from your site, we will pop open a login window. When login is complete, we will attempt to send a message back to the main window.

The most common reasons for this issue are:

  • The Site URL is not properly set for the Tina project. The main window's base URL will need to match the Tina project's Site URL setup in the Tina Cloud Dashboard.
  • The Client ID setup in your site's environment variables does not match the Client ID in your project's settings on the Tina Cloud dashboard.
  • The user attempting to login to Tina Cloud does not have access to edit this site. Ensure that this user is authorized on the Tina Cloud dashboard.

Make sure to include https in the Site URL eg: https://forestry.io or if you are testing locally, it might be something like http://localhost:3000

Vercel Deployment Issue

If you are attempting to use the Tina Cloud Quickstart or creating a project from one of our starters within the Tina Cloud dashboard, you may experience a 404 NOT FOUND error during the Vercel deployment step.

We have found that only a small subset of Vercel accounts experience this issue. We are actively working with Vercel to fix this bug, however there is a workaround.

Navigate to the project's Settings > General > Build & Development Settings. If the Framework Preset field is set to 'Other' change this value to 'Next.js', click Save and redeploy the project.

When the deployment is complete, edit or view your new Tina site. Navigate to the Tina Cloud Dashboard to view your Tina project.

For more information, view the Vercel documentation around their Build Step.

Last Edited: January 24, 2022