compose-theme/exampleSite/content/docs/compose/use-tina-cms.md

57 lines
2 KiB
Markdown
Raw Normal View History

2024-07-26 17:08:59 +02:00
+++
title = "Use Tina.io CMS"
description = ""
weight = 3
+++
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](../organize-content/)
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.
{{< tip "warning" >}}
Gitlab or bitbucket will work too. Just check their [implementation here](https://Tina.io/docs/git-sync/gitlab/). Happy fishing.
{{< /tip >}}
### Requirement 1 : A Tina.io account
Jump over to [Tina.io](https://tina.io/) 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](https://github.com/onweru/compose) template.
### Step 2 : Add your repository in Tina CMS
{{< tip >}}
The exampleSite already comes with prefilled placeholder Tina settings. If you set up your site using [option 2](../install-theme/#option-2-recommended)
{{< /tip >}}
Edit `./static/tina/config.js` and replace tina CMS tokens with values from your own Tina account
```json
...
clientId: "6ff9830b-b18a-4d21-b38c-cae1679e335f", // replace
token: "2954980a0db18868974dc57a66be9ecdfe6f336b", // replace
...
search: {
...
tina: {
indexerToken: "977c145439dda036080dd7a33478d2ba385ab5af", // replace
stopwordLanguages: ["deu", "eng", "fra", "ita", "spa", "nld"] // consider adding or removing languages https://github.com/fergiemcdowall/stopword#language-code
},
...
}
...
```
Go to your [Tina](https://tina.io/) account