Latest Showcase Sites

Article Count on upper-right corner
Contentful 12 Gatsby 12 Hugo 81 Jekyll 267 Middleman 50 Netlify 18
Tipe Sanity 1 Typewriter Cloud CMS Strap API Pragma Kentico Cloud
  • 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.

  • 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)

  • Building static websites with Jekyll, VueJS & Bulma
    by Daniel Lombraña, Scifabric Tutorial
    Oct 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.

  • Implementing a Series in Hugo
    by Joe Sacher Tutorial
    Aug 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 Gatsby
    by Dustin Schau Tutorial
    Jul 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.