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
- The most annoying thing about static site generators, FIXEDby Bill Miksich, Customer.io TutorialNov 21, 17
In order to get the level of control I craved over our lead forms, to fold our landing pages into the rest of the marketing site for a more consistent brand experience, and to do so in a way that fit into our current measurement ecosystem—I needed to find a point solution that would send form data directly where I wanted it.
- API-First CMS Primer with Directus’ Open Source Headless CMSby Maxime LaBoissonniere ArticleNov 20, 17
Directus is a “headless” CMS & API that decouples your content so it can be connected anywhere and everywhere. With a highly extensible DBaaS core elegantly wrapped with an intuitive admin web-application, Directus can mirror even the most complex database architectures. Best of all, this premium framework is completely free and open-source.
- Headless in love with Sanityby Knut Melvær, Hacker Noon ArticleNov 20, 17
When Netlife decided to rebrand, we didn’t only do so with a new visual identity that included our own typeface, but we also decided to explore new technologial frontiers. We’d been very happy with our previous website built on top of the versatile Craft CMS, but decided to explore if headless CMSes with a detached front-end on the web lived up to the hype (spoiler: they do)
- Contentful and Netlify: The Dynamic Duo of Static Site Managementby Malik Browne ArticleNov 15, 17
When it comes to blogging there are tons of platforms available for people to use. A blog could be using a static site generator like Jekyll, or a powerful content management system (CMS) like Wordpress or Drupal. Each of these tools has their own specific process for development.
- Speeding up our Jekyll site generationby Max Kleucker TutorialNov 07, 17
To figure out on which object Jekyll spends that time, the –profile flag can be used on most Jekyll commands. For example, jekyll build –profile returns a list of the most time consuming templates and rendered objects.
- Gatsbythemes - Beautiful and elegant Websites generated with Gatsbyby Sascha Jullmann TutorialOct 21, 17
Emotion is currently my favorite css-in-js library and fortunately there is a gatsby-plugin for that.
- A Guide to Static Site Generators Using Hexo and WordPressby Silvestar Bistrović ArticleOct 21, 17
In June of this year, Vitaly Friedman of Smashing Magazine introduced JAMstack in a workshop in my city. I’d never heard of it, and I was very intrigued. After the seminar finished, I studied this new concept for a bit, and I realized how awesome it is. I realized that my website doesn’t need a WordPress.
- How to Get 100/100 Google Page Speed Score with Middleman and Nginxby Mike Elliott TutorialOct 20, 17
I use the static site generator Middleman for the front end of the website you’re currently reading, and host it on a Digital Ocean Droplet in an Nginx server, so I’ll give some examples of how I achieved the perfect score in the context of this blog and its stack.
- Hugo and Madoko in a Custom Docker Image for GitLab CI/CDby Brian Klein ArticleOct 20, 17
TIPS FOR HOW TO SETUP HUGO AND MADOKO INSIDE OF AN ALPINE LINUX BASED DOCKER IMAGE FOR GITLAB CI/CD.
- Building static websites with Jekyll, VueJS & Bulmaby Daniel Lombraña, Scifabric TutorialOct 13, 17
You are probably building your site already with Jekyll, and while this is cool, sometimes you want to add some magic into the mix to have some fancy JS frameworks like VueJS or React for developing cool stuff. Also, you got so used to Babel and Webpack that you don’t know how to write JS code anymore without this toolchain. Hence, you have a question: can I still use my Jekyll site and add as toppings VueJS + Babel + Webpack? Yes, you can! Let me explain how.
- Awesome Hugo Boilerplatesby Josh Habdas TutorialOct 08, 17
In the fashion of Awesome React Boilerplates habd.as is comin’ atcha with an all new evergreen list of awesome boilerplates—this time for the one and only Hugo static site generator.
- 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.
- 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…