PostCard

Domain

Listing card consuming PostWithData. Composed of cover image, category badge, title, description, and a PostMeta row. href renders an <a>, onClick a <button>, neither a plain <div>.

Default

Preview
Technology

Modern Web Development with Next.js 16

A comprehensive guide to the new features in Next.js 16 and the App Router architecture.

AJAlex Johnson1 min read1,248 views
Code
<PostCard post={post} href={`/blog/${post.slug}`} />

With status badge

Preview
TechnologyPublished

Modern Web Development with Next.js 16

A comprehensive guide to the new features in Next.js 16 and the App Router architecture.

AJAlex Johnson1 min read1,248 views
TechnologyDraft

What's New in TypeScript 5.5

Inferred type predicates, isolated declarations, and other improvements in TypeScript 5.5.

AJAlex Johnson1 min read
Code
<PostCard post={post} showStatus />
<PostCard post={draftPost} showStatus />
Sourcemodules/domains/blog/post/PostCard.tsx