Damini Aswal

|

AI-Native Project Manager

All Posts
March 8, 20262 min read

Building a Blog That Thinks in Components

CareerProductivity

The blog now supports plain Markdown, GitHub-flavored tables, and React components that writers can reference directly inside a post.

Custom image blocks

Planning board with sticky notes on a glass wall
A custom image component can keep spacing, borders, and captions consistent.

That component is useful when every image should inherit the same visual rules, especially if the editorial style needs framed media and captions.

Native markdown tables still work

ElementWriter experienceWhy it helps
## HeadingFamiliar MarkdownKeeps drafting fast
![alt](url)Simple image syntaxGood for standard media
<Callout />Rich componentBetter for repeated patterns

Components can handle more structured layouts

ApproachBest forTradeoff
Plain MarkdownStraightforward essaysLimited layout control
MDX componentsEditorial storytellingNeeds a component system
Schema-validated contentLong-term maintenanceSlightly more setup

Use plain Markdown by default. Reach for components when the content pattern repeats.

Mixed authoring is the real win

You do not need every paragraph to become JSX. The ideal setup is mostly Markdown, with a few carefully designed components for images, tables, callouts, quotes, or data-heavy moments.