Do you prefer managing your site using a CMS? Or would you like to make it easier for someone (a non-techie, perhaps) in your team to make edits easily? If interested, follow along. Else, skip to the next section

Let's sync your site with Tina CMS.

Prerequisites !!

Obviously you ought to have a github account. This is where your website source will live. Basically, Tina will read from github and write (commit) to your github repo.

Gitlab or bitbucket will work too. Just check their implementation here. Happy fishing.

Requirement 1 : A account

Jump over to and sign up for an account. Consider signing up using your github account. That way, you don't have to deal with passwords.

Requirement 2: A Netlify account (optional)

If you intend to host with something other than Netlify e.g github pages, please scroll on. Hosting with Netlify is a lot of fun though; I highly recommend it.

Step 1 : Fork or Clone Compose theme

First we will fork this theme's template.

Step 2 : Add your repository in Tina CMS

The exampleSite already comes with prefilled placeholder Tina settings. If you set up your site using option 2

Edit ./static/tina/config.js and replace tina CMS tokens with values from your own Tina account

 2  clientId: "6ff9830b-b18a-4d21-b38c-cae1679e335f", // replace
 3  token: "2954980a0db18868974dc57a66be9ecdfe6f336b", // replace
 5search: {
 6  ...
 7    tina: {
 8      indexerToken: "977c145439dda036080dd7a33478d2ba385ab5af", // replace
 9      stopwordLanguages: ["deu", "eng", "fra", "ita", "spa", "nld"] // consider adding or removing languages
10    },
11    ...
12  }

Go to your Tina account