Skip to content

feat(docs): add interactive competitor analysis slide deck vs Hasura, Prisma, PostGraphile, Strapi & AppSync - #10

Merged
namanmukund merged 1 commit into
mainfrom
feat/competitor-analysis-slide-deck
Sep 19, 2026
Merged

namanmukund merged 1 commit into
mainfrom
feat/competitor-analysis-slide-deck

Conversation

@namanmukund

Copy link
Copy Markdown
Owner

📌 Pull Request Description

This PR introduces an interactive, enterprise-grade Competitor Analysis presentation slide deck for AutoGraphQL — a 4-slide visual experience that gives engineering teams, investors, and onboarding developers a clear, side-by-side picture of how AutoGraphQL compares against Hasura, Prisma, PostGraphile, Strapi, and AWS AppSync.

The slide deck is embedded directly into the AutoGraphQL platform (accessible at /slides or via the 🏆 Why AutoGraphQL? button in Studio header), requires zero external tools to view, and supports PDF export for offline sharing.


🛠️ Changes Proposed

📊 docs/competitor-analysis.md — Full Technical Comparison Guide

  • Comprehensive Markdown document with executive feature matrix across 10 dimensions (architecture, multi-database, schema-first workflow, resolver generation, visual studio, lifecycle hooks, RLS, transactional outbox, TCO, and lock-in).
  • Deep narrative breakdown of the 6 Unfair Advantages of AutoGraphQL:
    1. Pure Schema-First SDL (no proprietary DSLs)
    2. True Multi-Database Polyglot (native MongoDB + PostgreSQL)
    3. Enterprise Visual Studio Cockpit included out-of-the-box
    4. Zero-latency in-process lifecycle hooks (vs. Hasura HTTP Actions)
    5. Built-in Transactional Outbox & reliable webhooks (no Kafka required)
    6. 100% open-source with zero vendor lock-in
  • Developer velocity shootout table showing 15× faster time to market vs. Prisma + Apollo stack.

🖥️ src/studio/public/slides.html — Interactive 4-Slide Presentation

A self-contained dark-mode HTML/CSS/JS slide deck designed for executive presentations and team onboarding:

Slide Title Content
1 🏆 The Grand Shootout Executive comparison matrix — 10 capability rows × 6 competitors with color-coded ✅/⚠️/❌ status badges. AutoGraphQL column highlighted in emerald.
2 ⚡ The 6 Unfair Advantages 3×2 hover card grid showcasing each architectural differentiator with "vs. Competitor" callouts.
3 ⏱️ Developer Velocity Shootout Side-by-side timeline comparing Traditional Stack (2–3 days) vs. AutoGraphQL (⚡ under 10 minutes) to ship 10 production-ready entities.
4 💰 TCO & Decision Framework Three TCO metric cards ($0/mo licensing, 80% less boilerplate, 100% native Node.js) and a 4-column use-case decision framework.

UX/Interaction features:

  • Keyboard navigation: ←/→ / Space / PageUp/Down to advance slides.
  • Number keys 1–4 for direct slide jumps.
  • F key toggles fullscreen presentation mode.
  • P key or 🖨️ PDF button exports slides for offline/offline sharing.
  • Slide indicator progress pills in header update in sync.
  • Smooth fadeIn CSS slide transition animations.

🛤️ src/studio/studioRoutes.js — New Route /slides

  • Registered GET /slides and GET /slides/competitor-analysis routes serving slides.html.

🎛️ src/studio/public/index.html — Studio Header Integration

  • Added 🏆 Why AutoGraphQL? button (styled in emerald green) in the Studio header linking to /slides.
  • Added 🏆 View Competitor Analysis Slide action to the Spotlight Command Palette (⌘K), discoverable by typing "competitor", "hasura", "prisma", "slide", or "analysis".

📖 README.md — Comparison Table & TOC

  • Added 🏆 Why AutoGraphQL? Competitor Comparison section with a concise 5-competitor capability matrix directly in the README for GitHub browsing.
  • Added Table of Contents entry linking to the section.
  • Links to both the live /slides presentation and docs/competitor-analysis.md for deeper reading.

🧪 Testing & Verification

  • npm test passes with 100% success rate (91 passing tests)
  • GET /slides returns HTTP 200 and serves the slide deck correctly
  • All 4 slides render correctly in browser; keyboard navigation (←/→/Space/number keys) works as expected
  • 🏆 Why AutoGraphQL? button in Studio header opens slides in new tab
  • Spotlight Command Palette (⌘K) returns the competitor analysis action when searching relevant terms
  • 🖨️ PDF button triggers browser print dialog for slide export
  • docs/competitor-analysis.md renders correctly on GitHub

🛡️ Security & Boundaries

  • No hardcoded secrets or credentials
  • Static HTML/CSS/JS only — no new server-side dependencies introduced
  • Respects tenant scoping and ownership boundaries
  • Ready for maintainer review (@namanmukund)

@namanmukund
namanmukund merged commit 3d1a0f4 into main Sep 19, 2026
3 checks passed
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.

1 participant