/tina-hugo-starter

Primary LanguageCSS

This is a Tina CMS project for Hugo.

Setup

  • Fork this repo
  • Clone the fork your local machine.
  • This starter assumes that you have Hugo installed on your local machine. If not, reference this guide.

Local Development

Install the project's dependencies:

yarn install

Run the project locally:

yarn dev

Open http://localhost:1313 with your browser to see the result.

Building the Starter Locally (Using the hosted content API)

Replace the .env.example, with .env

TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
TINA_BRANCH=<Specify the branch with Tina configured>

Build the project:

yarn build

Deploying the Site

This project can easily be deployed using services like Netlify or Vercel.

Build settings

In general, the build settings will look like so:

hugo-build-settings

Environment variables

When setting up the Netlify/Vercel project, apply the TINA_CLIENT_ID & TINA_TOKEN environment variables from your app.tina.io project.

The Hugo theme in this starter also depends on using a specific version of Hugo. Set the following environment variable as well: HUGO_VERSION: 0.92.0

Learn More

To learn more about Tina, take a look at the following resources:

You can check out the Tina GitHub repository - your feedback and contributions are welcome!