Skip to content

datocms/hugo-example

Repository files navigation

👉 Visit the DatoCMS homepage or see What is DatoCMS?


Hugo example website

This repository contains a Hugo website integrated with a DatoCMS site. The site is deployed on Netlify, and can be seen at this URL: https://datocms-hugo-example.netlify.com/

Content stored in a DatoCMS site gets translated into local Hugo files using a NodeJs module called datocms-client you need to add to your Hugo project. The translation rules are defined in file placed in your project root folder called dato.config.js.

To read more about the datocms-client package, please refer to its documentation.

Usage

First, setup the DatoCMS project and schema with this button:

Deploy with DatoCMS

Then install the dependencies of this project:

npm install

Add an .env file containing the read-only API token of your DatoCMS site:

echo 'DATO_API_TOKEN=abc123' >> .env

Then, to run this website in development mode (with live-reload):

npm start

To build the final, production ready static website:

npm run build

The final result will be saved in the public directory.

Website preview

Website screenshot


What is DatoCMS?

DatoCMS is the REST & GraphQL Headless CMS for the modern web.

Trusted by over 25,000 enterprise businesses, agency partners, and individuals across the world, DatoCMS users create online content at scale from a central hub and distribute it via API. We ❤️ our developers, content editors and marketers!

Quick links:

Our featured repos:

Or see all our public repos

Releases

No releases published

Packages

No packages published