Archive of: Static Websites
I built a small website for my wife's Foot Health business, For Fabulous Feet. We needed to keep costs to a minimum as it's a small business.
What is Jamstack?
With the static website boilerplate which is here, I have found that I can use Handlebars.js with its built-in each block helper and a JSON file to simply create and edit various elements of a page.
These are the mixins that come with the Static Website Boilerplate found here, they are a work in progress as I add to them when necessary.
Cache busting solves the browser caching issue by using a unique file version identifier to tell the browser that a new version of the file is available. Therefore the browser doesn’t retrieve the old file from cache but rather makes a request to the origin server for the new file.
With Css Grid Layout being widely accepted for page and sub-page layouts, I had a need for main section of a page to contain full width and narrower sections.
Creating a details.yml file which looks like the one below helps greatly, this gives me a bunch of details which only have to be changed once to update all pages and partials.
Leading on from this post Static Website Boilerplate here are more details of the src file structure used - my src file structure is as below, this keeps all things easily traceable.
Not all websites warrant a CMS such as Perch and are simply static sites where the content does not change, these can easily be built using a boilerplate. So I have just spent a few hours creating a static website boilerplate that will allow me to build a website very quickly with the minimum of fuss.