Newman's New Stuff

Dev Blog with 11ty or Next.js

 ·  #blog

Why a Dev Blog at All? 🛠️

I’m building an app — and thank the gods and the AIs that help us do this 🙏 — and somewhere along the way it clicked:

I want to document the experience of building it.

The highs and lows.
The trials and tribulations.
The wins, the losses.
The smiles… and yes, occasionally the cries.

Not as a generic blog.
Not as “thought leadership.”

But as part of the project itself — a dev log that tells the story of this thing I’m making.


The Fork in the Road 🤔

My first instinct was simple:

“I’m already using Next.js — I’ll just drop a blog/ folder in there and call it a day.”

Then I remembered how quickly 11ty (Eleventy) can grab Markdown, images, and just get out of the way. That got me thinking:
Should this dev blog be part of the app, or alongside it?

So I asked the AI for a clean comparison.


Plan: 11ty vs Next.js for a Simple Dev Blog 🧭

Goal:
A fully separate, Markdown-based dev blog with images.
A separate build step is totally fine.

Here’s the breakdown.


Option 1: 11ty (Eleventy) ⚡

  • Simple static site generator, ideal for Markdown-first blogs
  • Fully decoupled — lives in its own folder
  • Markdown + images work out of the box
  • Excellent plugin ecosystem (RSS, syntax highlighting, etc.)
  • Outputs pure HTML — boring in the best way
  • Separate, fast build (npm run build inside the blog folder)

Option 2: Next.js Blog (MDX / Contentlayer) 🧩

  • More complex to set up for a fully separate blog
  • Tightly coupled to the app (routing, config, build)
  • Markdown + images are possible, but image handling adds complexity
  • RSS requires manual setup
  • One build step if integrated — but more moving parts

Pros & Cons at a Glance 📊

Feature 11ty (Eleventy) Next.js Blog (MDX)
Separation Fully separate Tightly coupled
Simplicity Very simple More complex
Markdown + Images Native support Needs configuration
RSS Plugins available Manual setup
Reliability Extremely high More dependencies
Build Separate, fast Integrated, slower

Further Considerations 🧠

  • 11ty shines when you want something boring, reliable, and easy to maintain.
  • Next.js shines when the blog is the app — which isn’t my goal here.

Recommendation ✅

For this dev blog:

Use 11ty in a subfolder.

It keeps the blog:

  • simple
  • decoupled
  • Markdown-native
  • resistant to framework churn

The app can evolve.
The dev blog can quietly do its job and tell the story.

And honestly?
That separation feels right.

← Back to all posts