October 16, 2019
Imagine you have a website, like this one, that aims to publish regularly. You’re not a big publication. You don’t have a full-time staff dedicated to making sure the presses run every night. At the same time, your schedule is inconsistent at best and your ability to write a new article daily is not guaranteed.
What can you do?
Finding myself in that situation, I settled on creating a very simple (and, as we’ll see, imperfect) publishing embargo.
Before we get into how I embargo content on my website, let’s get establish some baselines around the problem in the context of a static site.
A quick review: when you type in the domain to go to this website (www.stephencharlesweiss.com) into your browser, the first thing that happens is to resolve the location via the domain name servers (assuming your browser doesn’t have it in cache).1
Once you have the location for the servers for this site, your computer (the client) will communicate directly with the server that hosts the information for this site to retrieve the contents (HTML, CSS, and JS):
|A diagram of the classic web application communication model2|
Static sites are what they sound like. They’re built and then the data doesn’t change. In the case of my site, I don’t even have additional AJAX requests. When you visit my site, you get the entire thing (more or less — Gatsby does a lot in terms of lazy loading to make the experience feel snappy) up front.
What this really means though is that the data you receive won’t change unless there’s a build event on the server. That is, unless I change the content of the site.
What happens then if I want to create a publishing schedule that smooths out my inconsistency? Where posts only become available after their “publication” date (not necessarily the same as the date they’re written)?
For several months, I managed this by merging in the posts into the master build on the day I wanted them to be available and rebuilding the site. This was getting tiresome and I figured there had to be a better way.
A few recent experiences coalesced to inspire me to fix the fact that I was spending time every day doing rote work that wasn’t actually adding value:
With this backdrop, I started investigating if there was a way to embargo my content and lighten my load.
I came up with a few different approaches:
The third route was by far the simplest way I could come up with that would achieve my desired affect — if you visited my site, you would only see the published articles.4
NB: The following section will discuss some of the details around the implementation. If you’d prefer to see code, check out the merge request that added the embargo on Github.
My initial approach for filtering out unpublished content focused on the
gatsby-node.js file where the pages for the site are actually built during the build process.
I spent longer than I care to admit trying to get this to work before putting two and two together: Gatsby is a static site generator. The server code is run once, at build time, and then never again.
|The basics of the Gatsby build process that I was dealing with for the process.|
That means, even if I passed in a variable for the current date and time, the result would be that I would filter out all posts that weren’t published at the time of build… and then they would stay excluded until the next build.
The whole point of this exercise, however, was that I didn’t want to have to press a button to rebuild my site every day.
It’s also how I created a filter.
This approach has two very real drawbacks:
My “embargo” is wholly unsuited for any site that actually cares about keeping content under wraps until a true publish date.
I don’t suffer from that constraint. My entire goal was to make control over what was visible on my site a little easier and eliminate the need to build my site daily.
I may revisit this problem in the future and investigate scheduling a cron job to build daily (allowing my to filter out the content client side) or to separate out my database from the site and add an extra network call.
Until then, if you’re so inclined and you’d like to see into the future - subscribe to my RSS. I won’t mind.
Thanks for reading! My name's Stephen Weiss. I live in Chicago with my wife, Kate, and dog, Finn.
Click here to see the archives of my weeks in review and sign up yourself!