Skip to content

feat(mqtt-learn): MQTT learn/glossary hub at /mqtt/ + Learn nav#2

Merged
dmytro-landiak merged 15 commits into
developfrom
feature/mqtt-learn-hub
Jul 20, 2026
Merged

feat(mqtt-learn): MQTT learn/glossary hub at /mqtt/ + Learn nav#2
dmytro-landiak merged 15 commits into
developfrom
feature/mqtt-learn-hub

Conversation

@dmytro-landiak

Copy link
Copy Markdown
Collaborator

Summary

Adds a marketing-framed MQTT learn/glossary hub at /mqtt/ — a top-of-funnel SEO engine (the pattern HiveMQ's "MQTT Essentials" uses as its top organic driver). Every page ties an MQTT concept to a concrete TBMQ strength and links into the docs for depth, so it does not cannibalize the reference documentation.

  • Hub at /mqtt/ — hero + card grid over all 11 topics.
  • 11 topic pages — 3 full flagships (what-is-mqtt, mqtt-vs-kafka, shared-subscriptions) + 8 short-form scaffolds (qos, mqtt-5, persistent-session, topics, retained-messages, last-will, security, websocket).
  • Single content registry (src/data/mqttLearn.ts) drives the hub grid, the Learn nav dropdown, related-topics, and per-page SEO — derived, so it can't drift.
  • Reusable single-column layout (MqttTopicLayout) composing small presentational components: QuickAnswer, HowTbmqBlock, FaqAccordion (emits FAQPage JSON-LD on the flagships), RelatedTopics, LearnCta, TopicGrid.
  • "Learn" dropdown in the top nav, immediately after Company (6 marquee topics + "Browse all guides →").
  • SEO plumbing: WebPage + BreadcrumbList JSON-LD per page (FAQPage on flagships), /mqtt/* added to the OG allowlist, #mqtt-learn wired into the marketing-header styles.

Marketing-styled with the site design tokens (light-locked via forceLightTheme), responsive down to mobile.

Notes

  • Three factual errors in the drafted copy were caught in review and corrected against TBMQ's own source: WebSocket port defaults (8084 WS / 8085 WSS, not 8083), the QoS durability claim (scoped to TBMQ's actual acks=1 / replication.factor=1 Kafka defaults), and the MQTT retention framing.
  • MqttTopicLayout's top padding also fixed a latent header-clearance issue ($header-height offset) surfaced during review.

Test Plan

  • pnpm check — 0 errors
  • pnpm lint:eslint — clean
  • pnpm lint:slugcheck — no mismatches
  • pnpm lint:linkcheck — production build (214 pages) + "Found no link issues"
  • Visual QA (headless Chrome) — hub + flagship at desktop & mobile: quick-answer box, How-TBMQ block, FAQ accordion, related grid, CTA; header box-shadow + no theme/search toggle; Learn nav placed between Company and Docs; responsive single-column stacking
  • Reviewer: spot-check rendered /mqtt/ pages and the Learn dropdown in a real browser

@dmytro-landiak
dmytro-landiak merged commit 0d8cd10 into develop Jul 20, 2026
@dmytro-landiak
dmytro-landiak deleted the feature/mqtt-learn-hub branch July 20, 2026 09:01
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