Add headless CMS comparison matrix page (/compare) (#845)

* feat(www): add headless CMS comparison matrix page

Add /compare — an honest, exhaustive feature matrix comparing SonicJS,
Payload, Strapi, Directus, Sanity, and Contentful across 125+ capabilities
in 13 categories (architecture, pricing, content modeling, editorial, APIs,
auth, media, i18n, admin UI, extensibility, DX, security, ecosystem).

- New ComparisonMatrix component with Built-in/Partial/Plugin/Paid/Roadmap
  status badges + legend; SonicJS column highlighted
- Neutral, gap-analysis framing that surfaces where competitors lead
- SEO: page metadata + keywords, FAQPage + BreadcrumbList JSON-LD, visible
  FAQ section, canonical, OG/Twitter, sitemap entry, global metadataBase
- Cross-link /compare from 10 CMS comparison blog posts (and back)
- Add "Compare" to Resources nav

Also fixes a pre-existing CodePanel crash (Children.only 500'd MDX pages on
dev) and makes the docs dev server runnable standalone (next dev --webpack +
port-3010 cleanup in predev).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* fix(www): make all 6 comparison columns discoverable

The 6-column matrix overflowed the prose width, hiding Sanity & Contentful
off-screen. Break the table out to full content width on large screens (all
columns visible at >=1280px), tighten cell padding, lower min-width, and add
a 'scroll sideways' hint on narrower viewports.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* docs(www): link /compare matrix from NestJS/Hono comparison post

Completes coverage — all 11 CMS/framework comparison posts now reference
the feature matrix.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: lane711

www/content/blog/comparisons/directus-vs-payload-vs-sonicjs.mdx

@@ -16,7 +16,7 @@ tags:
   - "open-source"
   - "typescript"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -45,6 +45,9 @@ canonical: "https://sonicjs.com/blog/comparisons/directus-vs-payload-vs-sonicjs"
 - All three: MIT/GPL licensed, truly open source
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Looking for an open source headless CMS? Directus, Payload, and SonicJS represent three different philosophies. This comparison covers the real-world trade-offs based on developer feedback and production experiences.
 
 ## Quick Comparison

www/content/blog/comparisons/directus-vs-sanity-vs-sonicjs.mdx

@@ -16,7 +16,7 @@ tags:
   - "open-source"
   - "database"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -45,6 +45,9 @@ canonical: "https://sonicjs.com/blog/comparisons/directus-vs-sanity-vs-sonicjs"
 - Directus: GPL v3 (copyleft) vs SonicJS MIT (permissive)
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Directus and Sanity take fundamentally different approaches: database wrapper vs cloud-native SaaS. SonicJS offers a third path with edge-first architecture. Here's how they compare.
 
 ## Quick Comparison

www/content/blog/comparisons/nestjs-vs-sonicjs-vs-hono.mdx

@@ -18,7 +18,7 @@ tags:
   - "edge-computing"
   - "typescript"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -44,6 +44,9 @@ canonical: "https://sonicjs.com/blog/nestjs-vs-sonicjs-vs-hono"
 - SonicJS: Under 50ms global latency with zero cold starts via V8 isolates
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 The JavaScript backend ecosystem in 2026 has never been more diverse. Developers choosing between frameworks face a fundamental architectural decision: do you want the structure of enterprise frameworks, the raw speed of minimalist ones, or something purpose-built for the edge?
 
 This comparison examines three distinct approaches:

www/content/blog/comparisons/sanity-vs-contentful-vs-sonicjs.mdx

@@ -16,7 +16,7 @@ tags:
   - "enterprise"
   - "real-time"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -45,6 +45,9 @@ canonical: "https://sonicjs.com/blog/comparisons/sanity-vs-contentful-vs-sonicjs
 - Both Sanity & Contentful: Usage-based pricing with escalating costs
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Sanity and Contentful are two leading SaaS headless CMS platforms with overlapping enterprise focus but different strengths. SonicJS offers a fundamentally different approach with edge-first architecture.
 
 ## Quick Comparison

www/content/blog/comparisons/sonicjs-vs-ghost.mdx

@@ -44,6 +44,9 @@ openGraph:
 - Both are MIT-licensed open source
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 If you've spent any time in the indie publishing world, you've probably bumped into [Ghost](https://ghost.org). It's a beloved, focused, beautifully-designed platform that turned writing-and-publishing into a first-class product. For a lot of newsletter-driven blogs and creator businesses, Ghost is a near-perfect fit — and we don't think anything in this post changes that.
 
 But "I want to publish a blog" and "I want to build a content-driven product" are very different sentences. Ghost is unapologetically the answer to the first one. **SonicJS** is built for the second.

www/content/blog/comparisons/sonicjs-vs-strapi.mdx

@@ -37,6 +37,9 @@ featuredImage:
 - Both: MIT licensed, open source
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Choosing the right headless CMS is a critical decision for any project. In this comparison, we'll examine two popular options: SonicJS, an edge-first CMS built for Cloudflare Workers, and Strapi, the established open-source headless CMS.
 
 ## Quick Comparison

www/content/blog/comparisons/sonicjs-vs-wordpress.mdx

@@ -46,6 +46,9 @@ openGraph:
 - WordPress core uses PHP + MySQL/MariaDB; SonicJS uses TypeScript + Cloudflare D1
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 WordPress and SonicJS sit at opposite ends of the CMS spectrum. WordPress is the mature, ecosystem-rich, "anyone can run a site" platform that has been refined over more than two decades. SonicJS is a modern, edge-first, code-first headless CMS designed for developers who want full control of their stack and sub-50ms responses worldwide.
 
 This post is not a takedown — WordPress is a serious, capable platform, and pretending otherwise would be silly. But the two tools are optimized for very different jobs. Below, we'll compare them honestly across architecture, performance, hosting cost, scalability, content modeling, security, and developer ergonomics, and give you a clear "when to choose which" at the end.

www/content/blog/comparisons/strapi-vs-contentful-vs-sonicjs.mdx

@@ -16,7 +16,7 @@ tags:
   - "enterprise"
   - "open-source"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -45,6 +45,9 @@ canonical: "https://sonicjs.com/blog/comparisons/strapi-vs-contentful-vs-sonicjs
 - Contentful Premium: $60,000/year list price
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Strapi and Contentful represent two ends of the headless CMS spectrum: self-hosted open source vs managed enterprise SaaS. SonicJS offers a third path: edge-first architecture with the benefits of both.
 
 ## Quick Comparison

www/content/blog/comparisons/strapi-vs-directus-vs-sonicjs.mdx

@@ -18,7 +18,7 @@ tags:
   - "edge-computing"
   - "open-source"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -46,6 +46,9 @@ canonical: "https://sonicjs.com/blog/strapi-vs-directus-vs-sonicjs"
 - Directus: Supports 6 database types vs Strapi's 4
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 If you're searching "Strapi vs Directus," you're likely evaluating the two most popular open-source headless CMS options. Both are excellent projects with years of production use. But in 2025, there's a third option worth considering: edge-first architecture.
 
 We've analyzed GitHub issues, community forums, and real developer feedback to understand where each platform shines and struggles. This isn't a marketing piece—we'll be honest about all three platforms, including SonicJS's current limitations.

www/content/blog/comparisons/strapi-vs-payload-vs-sonicjs.mdx

@@ -18,7 +18,7 @@ tags:
   - "edge-computing"
   - "typescript"
 publishedAt: "2026-01-23"
-updatedAt: "2026-01-23"
+updatedAt: "2026-06-02"
 author:
   name: "SonicJS Team"
   twitter: "sonicjs"
@@ -46,6 +46,9 @@ canonical: "https://sonicjs.com/blog/strapi-vs-payload-vs-sonicjs"
 - Payload: 15x slower than Mongoose for populated queries (GitHub Issue #11325)
 </TLDRBox>
 
+> 📊 **See the full feature matrix:** [SonicJS vs Payload, Strapi, Directus, Sanity & Contentful](/compare) — a side-by-side inventory of 125+ capabilities across 13 categories, from APIs and auth to i18n and pricing.
+
+
 Choosing a headless CMS in 2025 is harder than ever. The ecosystem has matured, but with maturity comes complexity, pricing tiers, and the dreaded migration headaches that can consume weeks of developer time.
 
 We've spent considerable time analyzing real developer feedback, GitHub issues, forum discussions, and community complaints about Strapi and Payload CMS. Not to bash them—they're solid projects—but to understand what frustrates developers so we can build something better.