Open navClose nav

Category: Frontend Friday

Snipcart Brings E‑Commerce to Your Static Site

Picture this: it’s 2018, and your client needs an online store. You know that static sites are great: they’re easy to scale, have a minimal attack surface, and are very fast. However, since a static site can’t run backend code, it won’t be able to do some things necessary for e-commerce, such as process customer orders. Can you really use a static site to operate an e-commerce storefront? Of course you can!

What's New in Jekyll 3.8

What’s new in Jekyll 3.8 Jekyll 3.8.1 was released on the 1st of May 2018, just two weeks after 3.8.0. The project has come a long way since I last wrote a Jekyll update on Forestry. Olivia is now Jekyll’s new Lead Developer since Parker Moore decided to step down after four years leading the project. So what does Jekyll bring us this time? Performance optimizations Large sites containing a huge amount of posts are going to see a massive reduction in their total build times especially if they are doing multiple calls to the where filter with the same input and property parameter.

Automatically Publish Scheduled Posts For Your Static Site

Part of our mission at Forestry is to dissolve the perceived limitations of static sites. In reality, static sites are easy to understand and integrate with, and the belief that static sites are not capable of feature X is largely a failure of imagination. With a little cleverness and determination, virtually anything is possible on a static platform. Previously, we showed you how to set up Algolia with Jekyll as well as with Hugo to make your content searchable.

Sawmill: A Razor-sharp Layout Composer for Hugo and Forestry

When it comes to creating websites, good content strategy is all about turning ideas into HTML with a minimal amount of friction. Whether using a CMS with a web interface or editing content files for a static site generator, content creators need an easy way to create visually interesting and well-structured content. Every approach is a compromise between flexibility and ease-of-use. Even if a developer could anticipate all of a content creator’s needs, these needs will change over time.

Build a JSON API With Hugo's Custom Output Formats

As developers, we love open and accessible data. For example, you may want to use your local transit data for a mobile app, or maybe you want a service like Zapier or IFTTT to send you an email every time the weather forecast calls for rain. If you’re a super geek like @bdougieyo, you’ve built an app that tells you when to leave work in order to avoid traffic from your local baseball team’s home games (from his excellent talk here).

Write Better JavaScript With Webpack

I get it. The JavaScript ecosystem is exhausting. There exists an abundance of tools and frameworks, and each one wants to rescue you from the shortcomings of its peers. Attempting to learn and keep up with these tools takes time and energy that you would rather devote to your project. Reducing cognitive overhead is a core component of Forestry.io’s philosophy — we designed a static site CMS that is easy to set up and use.

Automate Your Static Site Deployment with CircleCI

This tutorial was updated on April 3, 2018 to use bep/s3deploy in place of aws/aws-cli. This article is part of our on-going Frontend Friday modern web development series Tools like Hugo, Jekyll, and Gatsby have made building static sites a popular and practical choice for developers. One major disadvantage these tools have, however, is the need to regenerate and redeploy their files every time there is new content to publish.

Up & Running With Hugo Part I: Building Your First Site

This guide was most recently updated on March 9, 2018. — – The popular static site generator written in GoLang - Hugo - has taken the community by storm. It brings all the benefits of a static site generator - 100% Flexibility, Security, Speed - but also steals the show otherwise 👉 Hugo + Jekyll Benchmarked. In fact, the Forestry.io website is built with Hugo. For this week on Frontend Friday, we’ll be covering how to get set up with Hugo on your local machine, including setting up a theme and customizing it, as well as writing your own CSS & JS.

Static site search with Hugo + Algolia

For this week on Frontend Friday, we’ll be covering how to set up lightning ⚡️ fast search for your Hugo site using Algolia, the SaaS (Search as a Service 😉 ) provider. We published a Jekyll-focused version of this guide last week. Algolia’s self-proclaimed claim-to-fame is that they are“the most reliable platform for building search into your business,” and honestly, it’s hard to disagree. Forestry’s search is powered by Algolia (just try searching for Algolia in the search above!

Jekyll Search with Algolia and Webtasks

For this week on Frontend Friday, we’ll be covering how to set up lightning ⚡️ fast search for your Jekyll site using Algolia, the SaaS (Search as a Service 😉 ) provider. Algolia’s self-proclaimed claim-to-fame is that they are “the most reliable platform for building search into your business,” and honestly, it’s hard to disagree. Forestry’s search is powered by Algolia (just try searching for Algolia in the search above!