Latest Showcase Sites

Article Count on upper-right corner
Contentful 13 Docusaurus Gatsby 19 Hugo 87 Jekyll 269 Middleman 50 Netlify 21
Tipe Sanity 1 Typewriter Cloud CMS Strap API Pragma Kentico Cloud
  • Hugo Page Resources
    by Regis Philibert Tutorial
    Jan 11, 18

    In this article we’ll cover Page Resources and its impact on the way we structure our content folders, what methods and properties it offers, how to use it in our templates and markdown and finally its current limitations and how we can circumvent them with the creation of manifest array direclty in our Page’s Front Matter.

  • Image Optimization Made Easy with Gatsby.js
    by Kyle Gill Tutorial
    Jan 11, 18

    Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image.

  • Image Optimization Made Easy with Gatsby.js
    by Kyle Gill Tutorial
    Jan 10, 18

    Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image.

  • How to build custom Hugo pagination
    by Glenn McComb Tutorial
    Jan 10, 18

    Hugo is an awesome feature-packed static site generator which is also open source and free. It ships with a default pagination template but if you’re looking for full control, I’m going to demonstrate how to build custom pagination.

  • How I Added Additional Post Types to My GatsbyJS Site
    by Ben Newton Tutorial
    Jan 09, 18

    First things first, I needed to add the source for my new posts. The starter is already pulling data from markdown files in /content/posts utilizing gatsby-source-filesystem. I thought I could just add another reference to markdown files in a new directory and I’d reference that in a separate GraphQL query and have a separate array of posts to work with, but that is not how it works.

  • 10 Netlify features to surprise and delight
    by Phil Hawksworth Article
    Jan 04, 18

    During my first days as a Netlify employee, I learned about some features that surprised me. The response to my tweet announcing my new role was interesting, too. I received lots of kind words of congratulations along with questions about features I assumed were well known or understood.

  • Hugo Web Development Workflow on Windows
    by Ashwin Narayan Tutorial
    Dec 31, 17

    I’ve been primarily using Windows as my operating system for the past year or so. Having used Linux for a long time, I definitely missed the conveniences offered by shell scripting and other command line tools. However, while setting up a workflow in Windows for publishing content to my website I discovered that Windows’ scripting tools are not all that bad. In fact, for anyone familiar with scripting from Linux, moving to Powershell isn’t that hard.

  • Regis Philibert | Hugo Translator
    Tutorial
    Dec 20, 17

    Go Template is the templating language used by Hugo and other Go systems. Now it is not Twig or Blade or Liquid, don’t get fooled by the familiar curlies. It is a far stretch from those well known Templating Language out there…

  • React YouTube Video Background
    by Hunter Chang Tutorial
    Dec 11, 17

    For this demo, I’m going to be using Gatsby.js and a starter that I’ve created. In reality, you can do this with any React app, you don’t have to use Gatsby if you don’t want to. The starter just gives us some content and a layout to work with.

  • Speed up your Jekyll builds
    by Mike Neumegen Tutorial
    Dec 08, 17

    Having a short Jekyll build time helps you iterate faster while developing and goes a long way to improving the experience for editors on CloudCannon. In this post, we’re going over how to identify bottlenecks in your Jekyll build and tips on how to address them.

  • A CMS (or two) for Nikola: Dato CMS and Netlify CMS integration
    by Nikola Tutorial
    Dec 05, 17

    One of the many complaints users have about static site generators is the fact that non-tech-savvy users who don’t understand the command line or don’t want to learn Markdown/reST can’t use SSGs. We’ve tried to solve this before with Coil CMS, but that project is now dead, and was hard to configure properly. The problem was not solved, until now.

  • Notes about migrating to Hugo
    by Fatih Arslan Tutorial
    Nov 30, 17

    I’ve moved my blog to a new blogging platform. This time from Wordpress.com to Hugo. I took some notes about various parts of this migration. I wrote some of my thoughts on why I made the switch, ideas, improvements for the design and custom tooling for my editing workflow.

  • Publishing Workflows for Jekyll Editors
    by Mike Neumegen, CloudCannon Tutorial
    Nov 29, 17

    Our main goal at CloudCannon is to make collaboration between developers and non-technical editors seamless. To an extent we’ve achieved this with editing a Jekyll site; editors can update HTML, Markdown, front matter, blog posts, collections and data files without knowing anything about Jekyll or HTML but what about Git? Recently we’ve been working to achieve the same level of integration for Git workflows. In this post I’m going over some of the new workflows CloudCannon supports.

  • Featured Blog Images In Gatsby.js
    by Hunter Chang Tutorial
    Nov 24, 17

    With Gatsby.js, it’s pretty easy to get a static site up and running with one of their starter templates. The gatsby-starter-blog (https://github.com/gatsbyjs/gatsby-starter-blog) demonstrates how a Gatsby static site can function with blog posts written in markdown files. There is a list of blog posts on the homepage, but it would be nice to see a featured image with each post. Let’s dive into the gatsby-starter-blog and associate a featured or cover image to a markdown post.

  • Headless in love with Sanity
    by Knut Melvær, Hacker Noon Article
    Nov 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)