As Hugo is getting more and more popular and fast, we ask a few questions to Bjørn Erik Pedersen, the current lead developer, about the past, present and future of Hugo.
In “Git-based or API-driven CMS” Chris Macrae breaks down the differences between the two different types of Headless CMS’ — Git-based and API-driven CMS’ — helping you decide on the right tools for your next web project.
Latest Showcase Sites
Popular ToolsArticle Count on upper-right corner
- Introducing React-Static — A progressive static-site framework for React!by Tanner Linsley TutorialOct 05, 17
At Nozzle.io, we take SEO, site performance, and user/developer experience very seriously. Over the last year, we’ve launched many sites using different static site tools that claim to solve these goals, but we have yet to find one that satisfies our requirements completely. Though each tool was unique and useful in its own way, we managed to pare down our list to the two following libraries:
- Hugo Templates for WordPress Designersby Leon Barnard, Treehouse Blog TutorialSep 30, 17
Last year I wrote an article introducing the general concepts behind static site generators. This time around I’d like to dive into some specific (yet still basic) details about a popular static site generator called Hugo, comparing it to its most well-known “dynamic” ancestor, WordPress.
- Creating a Static API from a Repositoryby Eduardo Bouças, CSS-Tricks ArticleSep 21, 17
The answer to these challenges almost invariably involves creating an API — a way of exposing data in such a way that it can be requested and manipulated by virtually any type of system, regardless of its underlying technology stack.
- Deploying Static Sites With SSLby terriblecode TutorialSep 14, 17
It had to have SSL which would be easy to setup. It had to use Docker. It had to work via git pushes
- Hugo Hosting with KeyCDNby KeyCDN TutorialSep 11, 17
Host Your Static Site as a Gitlab Page Behind a KeyCDN Pull Zone
- Creating dynamic layouts with Jekyllby Zander TutorialAug 13, 17
How we used YAML front-matter to massively change the layout for different posts on our agency’s new website
- Middleman Netlify Server Pushby Joost Baaij TutorialAug 07, 17
Last month, Netlify introduced their implementation of HTTP/2 Server Push. We started using this and have have noticed significantly faster websites. Here is how to configure Middleman to use this feature.
- Implementing a Series in Hugoby Joe Sacher TutorialAug 03, 17
In converting my Pelican blog over to Hugo, I needed to learn a new templating system. I miss a few things that Pelican did, like categories based on folders and not front matter. However, I can see advantages of allowing more organization in these folders, without affecting final position on the web.
- Creating a Blog with Gatsbyby Dustin Schau TutorialJul 27, 17
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern web application.
- Generating Comments on Static Sites with Staticmanby tosbourn TutorialJul 26, 17
In this article I’m going to go through the basics of setting up a Jekyll site, GitHub Pages and Staticman. If you’re just interested in Staticman please skip down a bit!
- Adding heading links to your Jekyll blogby David Darnes TutorialJul 25, 17
I realise this type of trick has been done a few times with ever so slightly different syntax, but here is my spin on the whole thing
- A Gentle Introduction to Creating a Minimal Hugo Siteby Arun Ravindran TutorialJul 10, 17
This post tells you how to start small with just the bare minimum files and directories to build a Hugo site without errors.
- Automating Static Website Deployment, Part 1by AlphaGeek TutorialJun 28, 17
Now that I have 8 static websites deployed into AWS using S3 and CloudFront I need to automate the deployment process so that I can make changes quickly and get them to production with less effort. To that end I have developed some scripts and configurations that automate the deployment of this site to a QA environment and production when changes are pushed to either branch.
- Discovering Hexo: E-Commerce with Node.js Blog Frameworkby Snipcart TutorialJun 26, 17
Hexo being primarily a blog framework we’ll show you how you can integrate a Snipcart housed buy-button into your blog platform. You’ll never know when you’ll want to give the option to your reader to buy a product you’re writing about, so why not offer it directly on your page?
- Embed your typeform on Hugo sitesby Typeform TutorialJun 25, 17
Adding a typeform to your Hugo site is as easy as you would expect with a static site.
- Switching to Hugo from Nikolaby Sadanand Singh ArticleJun 24, 17
Hugo is a light weight, fast and modern static website engine written in go. It literally takes just milliseconds to build your entire site. For the given lightness, it is highly flexible as well.
- Hugo and Madoko in a Custom Docker Image for GitLab CI/CDby Bryan Klein TutorialJun 21, 17
Tips for how to setup Hugo and Madoko inside of an Alpine Linux-based Docker image for Gitlab CI/CD
- Building a JAMstack site with Hugo and Azure Functionsby Henrik Lau Eriksson TutorialJun 13, 17
- Deploying Hugo on Bluemixby Ryan Tiffany, dev.to TutorialJun 08, 17
In today’s post we will be showing how to deploy a Hugo site to Bluemix using the Cloud Foundry command line and build tools.
- Migrating from Jekyll+Github Pages to Hugo+Netlifyby Sara Soueidan TutorialJun 07, 17
During the last 18 months, working on my Web site became a daunting task—be that for developing, redesigning it, writing a blog post, or making updates to my speaking and workshop pages. My then static site generator, Jekyll, is why. And a change has long been overdue…
- Netlify CMS 3rd party OAuthby Václav Klecanda TutorialJun 02, 17
I wanted to allow users to authenticate with their github accounts, but Netlify did’t have support for 3rd party OAuth providers (learn more here). It allows you to create account in their app, connect your repository with the web and let them to serve it via their fast CDN network. But I didn’t need serving via other service. I just needed to let users edit the webs with knowing nothing about GIT. That is why I wrote netlify-cms-github-oauth-provider.
- HBuild, Test, And Deploy Statically Generated Websites With Hugoby Ricardo Feliciano, CircleCI TutorialMay 31, 17
Building a Hugo website on CircleCI 2.0 is fast and simple, so let’s start here. We’ll walk through snippets of an example .circleci/config.yml with the whole file at the end of this post.
- Delaying Disqus comments to save (a ton of) requestsby Igor Kulman TutorialMay 30, 17
- Adding a JSON Feed to an Octopress/Jekyll generated siteby Jake McCrary TutorialMay 30, 17
SON Feed is an alternative to Atom and RSS that uses JSON instead of XML. I figured I could add support for it in less than the time it would take to enjoy my coffee and maybe some readers would find it useful.
- Building a Static Documentation Site with Metalsmithby Greg Leeds TutorialMay 23, 17
At work my company’s product team has been using GitHub wiki for years for all of our use facing documentation. As they have grown from a small open source project to a much larger team with a more fully featured enterprise offering, they had outgrowing using GitHub wiki. We went out in search of a set of tools to build our own self hosted documentation web site with the following set of requirements…
- Creating a JSON Feed for Hugoby Raymond Camden TutorialMay 18, 17
Recently a new specification was launched to recreate RSS in JSON, JSON Feed. For folks who may not be aware, RSS is an XML spec (well, multiple ones) for sharing content between sites.
- GraphCMS - GraphQL Based Headless CMSby Jeff Escalante TutorialMay 17, 17
One of the great advantages of headless CMS’ is that they are able to be consumed by a wide variety of different applications and build tools, rather than being tied specifically to a web frontend. And today we’ll be talking about using GraphCMS to create a static site - an architecture that suits many use cases much better than using a dynamic site or single page app.
- Displaying dynamic opening times in Jekyllby Michael Mckeever TutorialMay 15, 17
A problem I came across when building Trying to work was how do I display “Google-like” dynamic opening times using only liquid—Jekyll’s templating language? Well, as it turns out, quite easily.
- Displaying Medium Posts on Your Jekyll Websiteby James Hamann TutorialMay 09, 17
The solution below uses your RSS feed from Medium, parses it and stores each post as a ‘virtual document’, in a newly created Jekyll collection. From here you’re able to access the title and content of each post, which can then be displayed on whatever page you want.