# Read Next Post block

> Single-column blog post detail page with breadcrumb, author byline, topic badges, Read Next grid

Centered max-w-3xl blog post detail page: breadcrumb, headline, author byline, cover image, body sections, topic badges, and a two-up Read Next grid of related posts. Uses shadcn Breadcrumb, Card, Item, Avatar, Badge, Separator. For release notes.

- Type: Pro block
- Category: [Blog](https://web.dev.reui.io/blocks/marketing/blog.md)
- Page: https://web.dev.reui.io/blocks/marketing/blog/blog-6
- MCP: `get_block("blog-6")`
- Built with: Avatar, Badge, Breadcrumb, Card, Item, Separator
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A post with a breadcrumb, subhead and byline above the cover, a lead summary, a More from author link and a 2 column Read Next grid

## Agent notes

- `ARTICLE` in data.ts holds the post with its `dek`, `summary`, `topics` and `sections` of `paragraphs`; swap in your CMS post
- `relatedPosts` feeds the Read Next cards, each an `a` with a placeholder `href`; the 2 entries are samples
- `BlogCategory` is a closed union of 3 labels used by `ARTICLE` and `relatedPosts`; widen it when your categories differ

## When not to use

- A post with the title laid over the cover photo and a pull quote: use [Article Detail](https://web.dev.reui.io/blocks/marketing/blog/blog-5.md) (`get_block("blog-5")`)
- Store department tiles under a breadcrumb header, with no article: use the [Category Card blocks](https://web.dev.reui.io/blocks/ecommerce/category-card.md)

## Install

```bash
npx shadcn@latest add @reui/blog-6
```

## About Blog blocks

### When to use

- A blog, news or insights index of post cards with cover images, in a grid or a carousel
- A single article reading page with a byline, body sections, topic tags and related posts

### When not to use

- Dashboard tiles for KPIs, profiles or setup guides, with no article to read: use the [Card blocks](https://web.dev.reui.io/blocks/application/card.md)
- A dashboard side panel of figures, transactions or integrations, one record per row: use the [List blocks](https://web.dev.reui.io/blocks/application/list.md)
- Photo tiles that send shoppers into a store department or collection: use the [Category Card blocks](https://web.dev.reui.io/blocks/ecommerce/category-card.md)

### Agent notes

- Every root component takes no props and renders `BLOG_POSTS` or `ARTICLE` from components/data.ts; add a prop to pass in posts from your CMS
- Every link is a hash `href` placeholder and every cover `img` loads an Unsplash demo image; swap in your post routes and covers
- Each page.tsx wraps the block in a padded `min-h-svh` container; remove it when the block renders inside your site layout

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.