- A Hugo Site on your local machine
- A Github repository hosting your website files
- A Netlify account hosting your website
Step 1 : open a Tina Cloud account
You should have one Tina Cloud account for all your projects. Users are granted on a per-project basis so don’t worry about account limits.
- Create a Tina Cloud account : https://app.tina.io/projects/new (use your Github account to do it)
In your account you’ll find a Client ID for each project and you will be able to create a Read-Only Token. Both will be required in step 2.
Step 2 : installing TinaCMS
Open the terminal (use Spotlight on Mac and search “terminal”)
Go to the folder where your site is :
- Move down : cd /folder/my-site
- Move up : cd
Type this to install the latest version of TinaCMS : npx @tinacms/cli@latest init
Ok to proceed? (y)type “y” and press Enter
What is your Tina Cloud Client ID?It refers to the Project ID that you can find in your TinaCloud account. Open your project to see the Client ID. Hit enter to skip and set up yourself later
What is your Tina Cloud Read Only Token?Go to your Tina Cloud account and get it from your project.
Choose your package manager › - Use arrow-keys. Return to submit. ❯ PNPM (prefer this option but any of them will work) Yarn NPM
What framework are you using? › - Use arrow-keys. Return to submit. Next.js ❯ Hugo (Chose this option) Jekyll Other (SSG frameworks like gatsby, etc.)
Would you like to use Typescript for your Tina Configuration (Recommended)? › (Y/n)
Updating TinaCMS to the latest version
To update TinaCMS, follow these steps :