Engineering

What a 20-Year-Old Shoelace Website Teaches Us About Modern Software Architecture

What a Shoelace Website Teaches Us About Software Architecture

The monolith and the microservice walk into a bar...

Our modern software ecosystem is a sprawling metropolis. Towering microservice skyscrapers, tangled serverless back-alleys, a public transit system of message queues that are perpetually delayed. We're so busy optimizing traffic flow with Kubernetes and ensuring the CI/CD power grid doesn't collapse that we've forgotten what it feels like to build something simple. Something complete.

Then you stumble upon a small workshop on a quiet street. A craftsman has spent two decades perfecting a single tool: a chisel. It doesn't connect to the cloud, has no REST API, and isn't built on the latest JavaScript framework. But it's flawless. It does its job with an elegance that makes our entire metropolis look fragile.

That workshop is Ian's Shoelace Site. And that chisel is the lesson it offers in system design.

Our digital cities are crumbling

The never-ending churn. The pressure to adopt a new framework before we've mastered the last. Applications with more dependencies than a small nation has laws, leading to perpetual npm audit anxiety.

"Move fast and break things" has left us with infrastructure that is, in many places, broken. Optimizing for engagement metrics, A/B testing our way to user-hostile designs, bolting on monetization that treats users as a resource to extract.

"Why can't the whole internet be like this?" someone wrote on Hacker News. The cynical answer: "Static catalogs don't make money." That response misses the point. Ian's site shows that immense, sustainable value can be created through principles we seem to have forgotten.

The shoelace blueprint

Principle 1: Single Responsibility, applied at the system level

The SRP says a function should have one reason to change. Ian Fieggen applied it to his entire project.

Ian's Shoelace Site is about shoelaces. Not socks. Not a social network for footwear. No venture-backed pivot into AI-powered lace recommendations. One thing, done better than anyone on the planet.

Compare this with the feature-bloated apps we build. The user profile page that handles billing, notifications, and a chat widget.

// The bloated approach: multiple unrelated reasons to change
function handleUserAction(action: string, payload: any): void {
  if (action === 'updateProfile') { /* ... */ }
  else if (action === 'sendMessage') { /* ... */ }
  else if (action === 'recalculateBilling') { /* ... */ }
  else if (action === 'tieShoelace') { /* ...wait, what? */ }
}
 
// The shoelace approach: one thing, done well
function calculateOptimalLaceLength(
  eyeletPairs: number,
  horizontalGap: number,
  lacingMethod: LacingMethod
): number {
  const length = Math.sqrt(
    Math.pow(horizontalGap, 2) + Math.pow(eyeletPairs * someConstant, 2)
  );
  return length;
}

A system built from focused components is resilient, easy to understand, and a joy to maintain.

Principle 2: The ROI of human intelligence

The site's footer declares it's a product of "Human Intelligence (H.I.), not Artificial Intelligence (A.I.)."

AI can generate a thousand articles on "how to tie a shoe." It cannot replicate 20 years of dedicated expertise. It cannot synthesize thousands of user emails, personal experiments, and historical research into a coherent, trustworthy knowledge base.

Ian's value isn't the data. It's the curation. The implicit trust from knowing a passionate human is behind every diagram. That's the difference between a generated README and documentation thoughtfully written by the system's architect.

Principle 3: A feedback loop that improves the product (not the metrics)

Most feedback loops optimize business goals. "Does a red button or green button increase conversion by 0.1%?"

Ian's loop serves the user and the content. Feedback isn't fed into an engagement algorithm. A human reads it and uses it to genuinely improve the system. The changelog shows updates driven by this: a reverse variation of "Pentagram Lacing," an interactive weave diagram, a new knot sent in by a user.

High-quality content attracts engaged users who provide high-quality feedback that creates even better content. A self-reinforcing system of excellence.

Principle 4: Durability over velocity

The site has been around for two decades. Simple, stable technology. Loads instantly on any device. No build process, no complex state management, no client-side hydration issues.

Our industry worships velocity. We build on layers of abstraction that promise to save time but lock us into constant maintenance. A React project from five years ago is an archaeological artifact. Ian's HTML from 2003 will render perfectly in 2043.

// A durable system: dependencies are Node's built-in modules
import fs from 'fs/promises';
import path from 'path';
 
async function buildPage(title: string, content: string, slug: string): Promise<void> {
  const template = `<!DOCTYPE html><html><head><title>${title}</title></head><body>${content}</body></html>`;
  await fs.writeFile(path.join(__dirname, 'public', `${slug}.html`), template);
}
 
// versus a complex system component
// src/app/knots/[slug]/page.tsx
'use server'; // Or is it 'use client'? I forget.
 
import { getKnotDataFromHeadlessCMS } from '@/lib/cms-connector';
import { SomeThirdPartyComponent } from '@fancy/ui-kit';
 
export default async function KnotPage({ params }: { params: { slug: string } }) {
  const data = await getKnotDataFromHeadlessCMS(params.slug);
  // Hope the CMS, UI kit, and dozen npm packages
  // don't have breaking changes next week.
  return <SomeThirdPartyComponent content={data.content} />;
}

Sometimes the fastest way to build something that lasts is to move slowly and choose simple tools.

The solopreneur's knot

Ian Fieggen created a system that provides a "small life upgrade" to millions. He found a niche, mastered it, and built a monument to expertise that generates revenue through donations and sponsorships without compromising integrity.

Our software should aspire to be an "Ian's Secure Knot." A simple modification that creates a result dramatically more robust and reliable. Never comes undone by accident, unties easily when you want it to.

What is your shoelace site? What small, deep problem can you solve with the elegance of a perfect knot?