Ayan Mamun
AboutArtefactsArchiveShop
Contact
  • About
  • Artefacts
  • Archive
  • Shop

Ayan Mamun © 2026

GitHubLinkedInUnsplashX

Ayan Mamun © 2026

GitHubLinkedInUnsplashX
  1. Schema decisions
  2. Authoring workflow
  3. Operational impact

Apr 21, 2026

  • Blog
  • Content Systems
  • Process

Building a content pipeline for archive posts

Version one of the archive pipeline turns every post into structured content that is easier to write, review, and evolve.

Structured cards and writing blocks connected in a content pipeline diagram.
The same content schema now powers cards, article headers, and inline narrative media.

Our first archive implementation treated long-form writing as a flat sequence of strings. That worked for short notes, but it broke down quickly when we needed richer storytelling that mixed diagrams, screenshots, and media demonstrations. Every post with a non-trivial layout forced UI-level changes, which made publishing slower and blurred the ownership boundary between content and presentation.

Pipeline v1 was built to solve that structural problem, not just to add features. We wanted a content model that stays understandable to authors, enforceable in TypeScript, and reusable across index cards, article headers, and body rendering. The implementation goal was simple: authors should be able to create more sophisticated articles by editing content files only, without opening component code for every new narrative pattern.

The migration work started with identifying repeated structure across existing drafts. Nearly every post alternated between explanation, supporting visual evidence, and a conclusion paragraph, yet we were re-encoding that rhythm manually each time. Typed blocks gave us a way to model that cadence directly. Once the model existed, it became clear that the pipeline was not just a developer convenience; it was an editorial quality tool.

Visual showing paragraph, image, and video blocks stacked in a post composer.
Body blocks are authored in order and rendered by one shared pipeline.

We introduced strict defaults for media framing so content behavior remains stable across themes and viewport sizes. This removed the need for post-specific style overrides and lowered the chance of layout regressions when publishing quickly. The result is a pipeline that supports both experimentation and consistency, which is the balance most content systems struggle to achieve.

Editorial rhythm board showing how media and prose cadence alternate in long-form entries.
Cadence planning prevents dense paragraph walls and improves scanning.

For teams adopting a similar approach, start with the smallest useful block set and let real publishing behavior drive expansion. Content systems become hard to maintain when their models are designed for hypothetical needs instead of recurring workflow patterns. Pipeline v1 succeeded because it solved obvious pain first and left room for incremental evolution.

Schema decisions

The schema is deliberately narrow: paragraph, image, and video blocks. Keeping the initial set small forced us to validate real editorial needs before inventing additional primitives. This constraint reduced speculative complexity and gave the renderer a stable contract that is easy to reason about under strict typing.

Each block includes accessibility-oriented fields by default, including alt text and optional captions. Embedding these requirements in the model changes authoring behavior in a useful way, because accessibility is no longer an afterthought left to review cycles. It is a first-class part of the writing workflow.

Authoring workflow

Authors now write in typed modules under `src/content/archive-posts`, where narrative sequencing and media placement are represented directly in data. Layout logic remains centralized in shared section components, which keeps route files thin and avoids scattered rendering exceptions. The division of responsibility is clearer for both writers and engineers.

This model also improves collaboration during review. Editors can comment on argument flow and evidence placement while developers focus on schema clarity and rendering behavior. Because both groups operate on a predictable structure, feedback is more actionable and fewer revisions are lost to formatting friction.

Operational impact

Publishing throughput improved because article complexity no longer correlates with code churn. Teams can ship detailed entries with diagrams and embedded media through content updates alone, which lowers regression risk and speeds iteration. The archive feels more editorially expressive without becoming harder to maintain.

Renderer consistency also improved long-term maintainability. A single rendering path now handles framing, responsive behavior, and caption treatment across all posts. That centralization makes future enhancements, such as richer callout blocks or reference modules, significantly easier to introduce without breaking existing entries.

  • 2026
  • Blog
  • Content Systems
  • Process

Author

Ayan Mamun

Keep reading

View all
Grid-based card artwork for editorial layout notes.

Editorial layout notes from a design sprint

Blog

Apr 20, 2026

Grid card artwork representing layered archive navigation.

Designing adaptive archive interfaces for long-horizon browsing

Research

Apr 20, 2026

Signal-wave card artwork for weekly update article.

Shipping weekly build updates in archive format

Blog

Apr 18, 2026

Ayan Mamun © 2026

GitHubLinkedInUnsplashX