Meet the best way to manage content with Hugo

With Hugo you've got an amazing static websites that builds thousands of pages in seconds. Give to your visitors the same amazing speed for content as well.
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/

The easiest 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 DatoCMS 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 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 Hugo project in minutes

Learn from our best-practice project. Fully configured and deployed on Netlify or Vercel. Source included.

We power experiences for over half a billion users