Feat SEO Package (Overview, Heading Structure, Links & JSON LD Preview)

[abedshaaban]

🎯 Changes

Introduced new tabs in the SEO section:

• SEO Overview
• Heading Structure
• Links Preview
• JSON-LD Preview

(Sorry for the low quality video but GitHub didn't let me upload the high quality one)

SEO-tab-pr.mp4

✅ Checklist

• I have followed the steps in the Contributing guide.
• I have tested this code locally with pnpm test:pr.

🚀 Release Impact

• This change affects published code, and I have generated a changeset.
• This change is docs/CI/dev-only (no release).

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced @tanstack/devtools-seo plugin with live SERP and social media previews, JSON-LD schema inspection, heading structure analysis, and link validation.
  • Added SEO health scoring with overview dashboard summarizing headings, links, social metadata, SERP rendering, and structured data.
  • Created new React SEO example application.

• Updates

  • Reorganized SEO tab navigation with dedicated subsections for each analysis type.