Fix blog route matching article header

[Sheraff]

Just adding a header image because with the new layout, the previous one just wasn't nice anymore (wasn't the best before either)

before

after

Summary by CodeRabbit

• Documentation
  • Updated blog post with image asset changes, including refined image references and added visual content to enhance article presentation.

[netlify]

👷 Deploy request for tanstack pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	6964b7c

[coderabbitai]

📝 Walkthrough

Walkthrough

A blog post markdown file is updated to modify image references: the first image's alt text is renamed from "Big performance number" to "Header," and a new image for big-number.png is added with surrounding spacing.

Changes

Cohort / File(s)	Summary
Blog Post Image Updates src/blog/tanstack-router-route-matching-tree-rewrite.md	Modified alt text for first embedded image from "Big performance number" to "Header" and added new image reference for big-number.png with spacing.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A rabbit's rhyme for images fine,
Alt text renamed, now in a line,
Big numbers bold in frames so bright,
Documentation glows with light! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Fix blog route matching article header' directly and clearly summarizes the main change: updating the header image in the route matching blog article.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

📝 Coding Plan

• Generate coding plan for human review comments

---

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

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 6964b7c572

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Reduce hero image payload in route-matching blog post

The new top-of-article image points to header.png, which in this commit is a 3,391,000-byte PNG (public/blog-assets/tanstack-router-route-matching-tree-rewrite/header.png), roughly 100× larger than the previous header asset. Because this image is rendered at the start of the post, every reader pays this transfer cost up front, which will noticeably hurt page load/LCP on slower networks; please resize/compress or switch to a more efficient format before using it as the header.

Useful? React with 👍 / 👎.

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/blog/tanstack-router-route-matching-tree-rewrite.md`:
- Line 9: The image markdown currently uses a generic alt text "Header" in the
line containing
"![Header](/blog-assets/tanstack-router-route-matching-tree-rewrite/header.png)";
replace that alt text with a meaningful description (e.g., "Fantasy landscape
illustration used as the article header") or make it decorative by using an
empty alt (`![](/blog-assets/.../header.png)`), updating the markdown line
accordingly so screen readers receive either the descriptive text or treat the
image as decorative.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d5adcc53-e648-4fae-a1ed-ecf8e6cfea9c

📥 Commits

Reviewing files that changed from the base of the PR and between fb4dc25 and 6964b7c.

⛔ Files ignored due to path filters (2)

• public/blog-assets/tanstack-router-route-matching-tree-rewrite/big-number.png is excluded by !**/*.png
• public/blog-assets/tanstack-router-route-matching-tree-rewrite/header.png is excluded by !**/*.png

📒 Files selected for processing (1)

• src/blog/tanstack-router-route-matching-tree-rewrite.md

[coderabbitai]

⚠️ Potential issue | 🟡 Minor

Use meaningful alt text (or empty alt if decorative).

On Line 9, Header is too generic for screen readers. Please either provide descriptive alt text (e.g., “Fantasy landscape illustration used as the article header”) or make it decorative with empty alt text (![](...)).

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@src/blog/tanstack-router-route-matching-tree-rewrite.md` at line 9, The image
markdown currently uses a generic alt text "Header" in the line containing
"![Header](/blog-assets/tanstack-router-route-matching-tree-rewrite/header.png)";
replace that alt text with a meaningful description (e.g., "Fantasy landscape
illustration used as the article header") or make it decorative by using an
empty alt (`![](/blog-assets/.../header.png)`), updating the markdown line
accordingly so screen readers receive either the descriptive text or treat the
image as decorative.