Skip to content

Make blog post card image clickable and link to post#18

Merged
BayPhillips merged 2 commits intomainfrom
claude/clickable-blog-images-iGRQo
Feb 21, 2026
Merged

Make blog post card image clickable and link to post#18
BayPhillips merged 2 commits intomainfrom
claude/clickable-blog-images-iGRQo

Conversation

@BayPhillips
Copy link
Owner

Wrapped the cover image container in a Link component pointing to the
post URL, so clicking the image navigates to the individual post page.
Used tabIndex=-1 and aria-hidden to avoid duplicate tab stops since
the title and "Read more" button already provide accessible links.

https://claude.ai/code/session_015EDWEYtTJARMVwJr2UgL8d

Wrapped the cover image container in a Link component pointing to the
post URL, so clicking the image navigates to the individual post page.
Used tabIndex=-1 and aria-hidden to avoid duplicate tab stops since
the title and "Read more" button already provide accessible links.

https://claude.ai/code/session_015EDWEYtTJARMVwJr2UgL8d
@vercel
Copy link
Contributor

vercel bot commented Feb 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
next-blog Ready Ready Preview, Comment Feb 21, 2026 2:34pm

@BayPhillips
Copy link
Owner Author

@claude update the hero component on the homepage as well to have its image clickable

@claude
Copy link

claude bot commented Feb 21, 2026

Claude finished @BayPhillips's task in 46s —— View job


Making Hero Image Clickable

  • Gather context - find the hero component
  • Read post-card.tsx changes for reference
  • Implement clickable image in hero component
  • Commit and push changes

The hero post image in app/(blog)/page.tsx is now clickable and links to the post, using the same pattern as the post cards — Link wrapper with tabIndex={-1} and aria-hidden="true" to avoid duplicate tab stops since the title and "Read more" link already provide accessible navigation.

Co-authored-by: Bay Phillips <BayPhillips@users.noreply.github.com>
@BayPhillips BayPhillips merged commit 80ec1ea into main Feb 21, 2026
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants