Pricing

Hugo CMS

Meet the best way to manage content with Hugo

With Hugo, you can build an amazing static website, with thousands of pages, in a matter of minutes. Give your visitors the same amazing speed for content as well by using our Hugo optimized CMS.

Try our Hugo demo project now!
  • Best practices
  • 30s setup
Proudly powered by DatoCMS + Hugo:
Bitnami
https://bitnami.com/
Bacalao Films
https://www.bacalaofilms.com/
Tsyklon Studio
https://tsyklonstudio.com/
Boomtown Fair
https://www.boomtownfair.co.uk/
Fronter Australia
https://www.frontieraustralia.com.au/
Unified
https://unified.com/
ballad
https://www.ballad.co/

Hugo CMS example

The easiest Hugo integration with a CMS you can get

Being written in Go, Hugo doesn't offer a native way to extend its features with plugins. To overcome this limitation, Dato CMS offers a Javascript-based CLI tool that makes it extremely convenient to transform the content stored in your DatoCMS project into Hugo posts and content types:

Read more about our JS client!

/*
Inside your Hugo project run:
npm install datocms-client
dato dump --token=YOUR_DATOCMS_PROJECT_API_TOKEN
*/
// dato.config.js
module.exports = (dato, root, i18n) => {
// inside a "content/post" directory...
root.directory("content/post", (dir) => {
// ...iterate over the "Blog post" records saved in CMS...
dato.blogPosts.forEach((blogPost) => {
// ...and create a Hugo markdown file for each article!
dir.createPost(`${blogPost.slug}.md`, "yaml", {
frontmatter: {
title: blogPost.title,
type: "post",
categories: blogPost.categories.map(cat => cat.slug),
date: blogPost.publishedAt,
},
content: blogPost.content
});
}
});
}

Endless image transformations at your disposal

DatoCMS offers best-in-class image processing and image CDN. Optimize, resize, crop, rotate and watermark images on-the-fly simply adding custom parameters to the URL of your image. Serve lazy loaded, responsive images in one line of code.

Read more about DatoCMS Image API

https://datocms-assets.com/image.png
Acme Inc. - DatoCMS
Create new Blog post
Title
The Best Video Games to Play
Author
Dan Poe
Content
Text
Lorem ipsum....
Gallery
Text
Lorem ipsum....
CTA label
Try it now!
CTA URL
http://...
Quote
Lorem ipsum....
Author
Steve Jobs
Add a new block:
Text
Gallery
Quote
Call to action
Save Blog Post

Easily build dynamic landing pages with modular blocks

Give your editors the power of building custom landing pages through the CMS with no code intervention. Define reusable custom blocks of content, map them to Hugo template partials and you're good to go.

Read more about DatoCMS modular blocks

I do heart Dato, my first choice CMS, always advocate my clients treat CMS flexibility seriously.
Callum Flack
Owner at Callum Flack Design
Hugo + DatoCMS demo
pages/homepage.js - Visual Studio Code
Try our Project starter

Start your new DatoCMS + Hugo project in minutes

In our marketplace you can find our best-practice project, a Hugo repository fully configured combined with a DatoCMS project that is ready to be deployed on Netlify or Vercel. You will have a fully functional Hugo project in a matter of minutes!

We power experiences for over half a billion users