I used to keep my GIFs on Dropbox in the
/public directory. There was a time when Dropbox would serve content as HTML from this directory. This was a simple way to share my GIFs with the world. I even adopted an Alfred workflow for quickly searching and copying my GIFs URL to the clipboard. Back in 2017, Dropbox disabled the ability to render HTML from the
/public directory, and thus this workflow stopped working.
Since then I’ve been keeping my personal collection of GIFs in a GitHub repo—which has been just okay. I really missed having a quick way to search and copy URLs. To use a GIF I’d have to go to the repo, find the image, view the raw image, and finally manually copy the url from the browser. Lame.
A few weeks ago, I decided to give my GIF workflow an upgrade!
I started by turning my GIFs repo into a static site using Eleventy. The static site consists of two primary things: a directory with all of my GIFs, and a generated JSON file listing all my GIFs (more on this in a bit).
I created a new site on Netlify that watches my GIFs repo, and runs a build process anytime I push to
main branch. This only took a few minutes to set up, and all my GIFs are now easily accessible by URL.
This update was well-needed, and I find myself using my personal GIFs much more often now! I only wish I had done something like this much sooner.