Skip to content

tinacms/tina-hugo-starter

Folders and files

NameName
Last commit message
Last commit date
Oct 11, 2022
Sep 27, 2024
Sep 27, 2024
Nov 8, 2022
Sep 27, 2024
Nov 29, 2024
Oct 11, 2022
Oct 26, 2022
Sep 27, 2024
Oct 11, 2022
Apr 18, 2023
Sep 27, 2024
Oct 11, 2022
Dec 3, 2024
Dec 3, 2024

Repository files navigation

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:

pnpm install

Run the project locally:

pnpm 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:

pnpm 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.134.2

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!