Skip to content

Feat: Use next/image for course thumbnails in SearchResults - #1118

Merged
RUKAYAT-CODER merged 1 commit into
rinafcode:mainfrom
OkeQueen:issue_940
Jul 30, 2026
Merged

Feat: Use next/image for course thumbnails in SearchResults#1118
RUKAYAT-CODER merged 1 commit into
rinafcode:mainfrom
OkeQueen:issue_940

Conversation

@OkeQueen

Copy link
Copy Markdown
Contributor

Summary

Replaced the raw <img> tag for course thumbnails in SearchResults.tsx with next/image (fill + responsive sizes), matching the pattern already used in VirtualizedCourseList.tsx. This enables automatic resizing, format negotiation (AVIF/WebP), and CDN optimization instead of shipping full-size external images — improving LCP on the search results page.

No next.config.ts changes were needed; the relevant image hosts are already whitelisted under images.remotePatterns.

Fixes #940

@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@OkeQueen Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@RUKAYAT-CODER

Copy link
Copy Markdown
Contributor

Thank you for contributing to the project.

@RUKAYAT-CODER
RUKAYAT-CODER merged commit 3b3d889 into rinafcode:main Jul 30, 2026
6 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.

Use next/image for course thumbnails in SearchResults

2 participants