Latest Showcase Sites

Article Count on upper-right corner
Contentful 10 Hugo 79 Jekyll 264 Metalsmith 41 Middleman 50 Netlify 15
Schnack Remarkbox Minimal Theme React Static 1 Imgix 2 Cloudinary 2
  • 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.

  • Automating Static Website Deployment, Part 1
    by AlphaGeek Tutorial
    Jun 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.

  • Netlify CMS 3rd party OAuth
    by Václav Klecanda Tutorial
    Jun 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.

  • Building a Static Documentation Site with Metalsmith
    by Greg Leeds Tutorial
    May 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…