fix(blog,qa): restore Sanity images on Vercel and strengthen Git tab …

[ViktorSvertoka]

Summary

This PR fixes two production UI issues:

1. Blog images from Sanity were not rendering on Vercel while working locally.
2. The Git tab color in Q&A looked too close to HTML and needed stronger visual distinction.

Summary by CodeRabbit

• Style

  • The git category tab styling has been updated with a deeper, richer red color for improved visual appearance and better distinction from other categories.

• Performance

  • Image optimization improvements have been implemented across all blog pages and components, including individual blog posts, featured content sections, category pages, and author profile images, resulting in faster page load times and an improved overall browsing experience.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
devlovers-net	Ready	Preview, Comment	Feb 23, 2026 8:39pm

[netlify]

✅ Deploy Preview for develop-devlovers ready!

Name	Link
🔨 Latest commit	23ee1a2
🔍 Latest deploy log	https://app.netlify.com/projects/develop-devlovers/deploys/699cbb123e542d0008f5f352
😎 Deploy Preview	https://deploy-preview-362--develop-devlovers.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8b53f83 and 23ee1a2.

📒 Files selected for processing (7)

• frontend/app/[locale]/blog/[slug]/PostDetails.tsx
• frontend/app/[locale]/blog/category/[category]/page.tsx
• frontend/components/blog/BlogCard.tsx
• frontend/components/blog/BlogFilters.tsx
• frontend/data/categoryStyles.ts
• frontend/lib/blog/image.ts
• frontend/next.config.ts

---

📝 Walkthrough

Walkthrough

The changes add image optimization controls for Sanity-hosted assets across the blog UI. A new utility module exports functions to identify Sanity CDN URLs and conditionally bypass Next.js image optimization, then applies this logic to Image components in multiple blog pages and components. Configuration updated to allow broader remote image paths.

Changes

Cohort / File(s)	Summary
Image Optimization Utility frontend/lib/blog/image.ts	New module with isSanityAssetUrl() and shouldBypassImageOptimization() functions to identify and handle Sanity asset URLs.
Blog Components frontend/app/[locale]/blog/[slug]/PostDetails.tsx, frontend/app/[locale]/blog/category/[category]/page.tsx, frontend/components/blog/BlogCard.tsx, frontend/components/blog/BlogFilters.tsx	Added imports and applied unoptimized prop to Next.js Image components for main images and author avatars using the optimization helper.
Configuration frontend/next.config.ts	Expanded remote pattern for Sanity CDN from /images/** to /** to allow all image paths from that host.
Styling frontend/data/categoryStyles.ts	Updated git category tab color from orange (#F05032) to deeper red (#C1121F).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• Blog and Sanity: fixes and refactoring #267: Converts img tags to Next.js Image components in the same blog files—this PR adds conditional optimization controls on those components.
• ref: fix bugs after reggression testing #64: Modifies next.config.ts remote image patterns for Sanity CDN, directly related to the config changes here.
• Sanity #176: Updates the same blog UI files (PostDetails.tsx, BlogCard.tsx, BlogFilters.tsx)—changes intersect with those components' image handling.

Suggested labels

enhancement

Suggested reviewers

• AM1007

Poem

🐰 Hoppy code hops along today,
Sanity images optimized the right way,
Deeper reds for git tabs shine,
Image helpers keep things fine,
Our blog now loads sublime! 🚀

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the two main changes: restoring Sanity images on Vercel and strengthening the Git tab color, which directly align with the changeset's primary objectives.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch sanity-qa-fix

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}