Blogpost 2 - Article with sticky sidebar

Basic

A two-column blog article with a sticky narrow column for back navigation, display title, and avatar byline beside a main column with hero image and full prose.

Shadcn Blogpost 2 block

Component Data

  • ID:blogpost2
  • Access:basic
  • Created:Apr 29, 2025
  • Type:block

Blogpost 2 block design & features

Layout shifts from stacked on small screens to a split view on large screens: Blogpost2 keeps navigation context in a sticky sidebar built with shadcn/ui avatar and a chevron back row, while the article column opens with a wide hero image and a prose stack. The aside carries the post title, author name, and a relative time note under a small circular avatar.

The main article reproduces a classic longread shape with nested headings, links, blockquote, bullet list, data table with striped rows, and closing moral copy inside dark-aware prose styles.

Surface-wise the block is calm, relying on spacing, type scale, and the sticky rail rather than extra chrome to frame the story.

Expect to replace placeholder fable text, dates, and imagery; the structure supports deep content with multiple sections.

On wide layouts the aside stays pinned within the viewport while the article scrolls, which changes how readers see author context during reading.