Skip to content

feat: Comparison Pages - side-by-side DevOps tool comparisons#1101

Merged
bobbyonmagic merged 3 commits intomainfrom
feat/comparison-pages
Apr 2, 2026
Merged

feat: Comparison Pages - side-by-side DevOps tool comparisons#1101
bobbyonmagic merged 3 commits intomainfrom
feat/comparison-pages

Conversation

@bobbyonmagic
Copy link
Copy Markdown
Collaborator

Summary

Closes #1070

Major new content type: side-by-side DevOps tool comparisons with rich visual components, SEO optimization, and community engagement.

Content (3 comparisons to start)

  • Terraform vs Pulumi - 12 features, 6 use cases, 6 FAQs, 8 decision criteria
  • ArgoCD vs Flux - 12 features, 5 use cases, 6 FAQs, 8 decision criteria
  • Jenkins vs GitHub Actions - 12 features, 6 use cases, 6 FAQs, 8 decision criteria

Each includes 300+ word introduction, balanced verdicts with scores out of 5, and decision matrix.

Pages & Components (14 new components)

  • Index page at /comparisons with hero, search, category filters
  • Detail page at /comparisons/[slug] with 11 sections:
    1. Header with VS motif
    2. Tool overview cards (side by side)
    3. Long-form introduction (SEO)
    4. Feature comparison table (color-coded green/gray/red, grouped by category)
    5. Pros and cons (side by side with tool colors)
    6. Decision matrix ("Pick this if...")
    7. Use cases with recommendations
    8. Verdict with visual score bars
    9. Community poll (localStorage voting with percentages)
    10. FAQ accordion
    11. Related comparisons
  • Mobile responsive: feature table switches to stacked cards

SEO

  • BreadcrumbList JSON-LD
  • FAQPage JSON-LD (targets featured snippets)
  • Article JSON-LD
  • OG images for all comparisons
  • Meta description template
  • Canonical URLs

Navigation

  • Added "Tool Comparisons" to Learning Resources nav section

Test plan

  • Visit /comparisons - verify index page with search and filters
  • Visit /comparisons/terraform-vs-pulumi - verify all 11 sections render
  • Test community poll (vote, refresh, verify localStorage persistence)
  • Test FAQ accordion expand/collapse
  • Test mobile responsive layout (especially feature table -> stacked cards)
  • Verify OG images load
  • Check FAQPage JSON-LD in page source

New content type with 27 new files:
- 3 thorough comparisons: Terraform vs Pulumi, ArgoCD vs Flux, Jenkins vs GitHub Actions
- Each with 12 features, 5-6 use cases, 6 FAQs, 8 decision matrix items, verdict with scores
- Dynamic filesystem data loader (matching exercises pattern)
- Index page with hero, search, category filters
- Detail page with 11 sections: header, tool overview, introduction, feature comparison table
  (color-coded with green/gray/red), pros/cons, decision matrix, use cases, verdict with
  score bars, community poll (localStorage), FAQ accordion with JSON-LD, related content
- Feature table switches to stacked cards on mobile
- Community poll shows percentage results after voting
- Full SEO: BreadcrumbList, FAQPage, Article JSON-LD, OG images, meta descriptions
- Navigation entry added under Learning Resources
- OG image generation for all comparisons

Closes #1070
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Apr 2, 2026

Deploying devops-daily with  Cloudflare Pages  Cloudflare Pages

Latest commit: 20ffcb9
Status:⚡️  Build in progress...

View logs

@bobbyonmagic bobbyonmagic merged commit 3f7e875 into main Apr 2, 2026
3 of 4 checks passed
@bobbyonmagic bobbyonmagic deleted the feat/comparison-pages branch April 2, 2026 08:18
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.

New content type: Comparison Pages (Tool vs Tool)

1 participant