A picture in its place
A post is more than words. The first rich block a post can hold is an image, and it renders as a figure exactly where it was authored — between the paragraphs around it, never floated off to the side.
That is the whole discipline of this blog in miniature: each kind of content is a thin slice, shipped on its own, and looked at before the next one is built.
A video where the words run short
Some things are easier watched than read. A video block embeds a player right in the flow of the post, so a short walkthrough sits exactly where the words hand off to it.
An embed for everything else
Not everything worth showing is a video. A generic embed drops any embeddable page — a sandbox, a diagram, a demo — straight into the post at the point it belongs.
Code, kept as code
When a post talks about code, the code should read as code. A code block keeps its whitespace and never gets mistaken for prose.
const post = { slug, title, body }
export { post }A line worth setting apart
Sometimes a single sentence carries the whole idea, and it deserves to stand on its own. A blockquote lifts that line out of the run of paragraphs and sets it apart as a quote.
Ship the smallest slice that ships, then look at it before you build more.
A break between the parts
When a post turns a corner, a divider marks the seam. It ends one part and opens the next, so the reader feels the shift without a heading having to announce it.
The last block a post can hold is one the reader never sees. A private note is kept with the draft as a reminder to the writer, and it is dropped from both the reading view and the static page — so the sentence above this one runs straight into the close, with no gap where the note was.