Techly blog listing card with a featured cover image

This article is part of the series Using Techly.

Listing cards can show a cover image when you opt in — inline images in the article body are not used automatically.

Add featuredImage to front matter with a path or bundle filename:

featuredImage = 'featuredImageShowcase.jpg'
imageAlt = 'Description for screen readers and when the image fails to load'

This post uses a page bundle:

content/posts/featured-image/
├── index.md
└── featuredImageShowcase.jpg

If the file is named featured.jpg, featured.png, or similar, Techly picks it up without front matter:

content/posts/my-post/
├── index.md
└── featured.jpg

Hide the cover for one post

showImage = false

Check the home page and /posts/ — this article should appear with the cover above the title on its card.

Featured image showcase in a listing card