This site runs best with JavaScript enabled.

A Meta-Tour of This Site


Budding
🌿
Last tended Jul 22, 2020
Web Development
Gatsby
Digital Gardening
React

has been running a wonderful series of personal
website tours
this year.

The guest list features many of my favourite

and
indie web
creators such as
Tom Critchlow
,
Chris Aldrich
, and
Azlen Elza
.

I recently stopped in to show what this website looks like behind the Wizard of Oz curtain:

Tech Stack and Features

  • Built with
    Gatsby
    , which uses
    React
    for rendering and
    GraphQL
    for data fetching
  • All posts (notes, essays, books) written with
    MDX
    - allows me to write React components inside markdown files for extra JavaScript power ✨
  • I use the CSS-in-JS library
    emotion
    for styling components
  • Responsive footnotes implemented with
    Tufte CSS
    (no JavaScript required!)
  • Bi-directional Links
    with
    gatsby-theme-brain
    , and page previews adapted from
    gatsby-theme-andy
  • Tippy.js
    for tooltip popovers
  • Images hosted on
    Cloudinary
    to avoid the long build times when using
    gatsby-image
  • Deploys to
    Netlify
    directly from Github. Currently takes 4 minutes for the site to build and deploy. I have no idea if that's good or not, but I'll take it 🤷🏻‍♀️

If you want to see all the source code yourself, feel free to wander around in the

.

Want to share?

Join the newsletter

For weekly notes on visual thinking, ethical technology, and cultural anthropology.

Maggie Appleton © 2021