+
+
+
diff --git a/packages/documentation-astro/src/components/FrequentlyAskedQuestions.astro b/packages/documentation-astro/src/components/FrequentlyAskedQuestions.astro
new file mode 100644
index 00000000..f7347559
--- /dev/null
+++ b/packages/documentation-astro/src/components/FrequentlyAskedQuestions.astro
@@ -0,0 +1,67 @@
+---
+interface Props {
+ class?: string;
+ faqs?: readonly (readonly [string, string])[];
+ heading?: string;
+}
+
+const { class: className } = Astro.props;
+
+const defaultFaqs = [
+ [
+ "What does \"no vendor lock-in\" mean?",
+ "We value your flexibility and independent decision-making. That means we'll never try to lock you out in our ecosystem and we'll continuously add support for other tools and solutions, so that you decide what your stack should look like!",
+ ],
+ [
+ "Can Hive Console be self-hosted?",
+ "Yes, the on-premise version (identical to Hive Cloud) is free and open-source. Read about Self-Hosting Hive in our documentation.",
+ ],
+ [
+ "What counts as a GraphQL operation?",
+ "Every GraphQL request that is processed by your GraphQL API and reported to Hive Console. If your server receives 1M GraphQL requests, all of them will be reported to Hive (assuming no sampling).",
+ ],
+ [
+ "Are you SOC-2 Type II compliant?",
+ "Hive Platfrom is fully SOC-2 Type II compliant. Read more in the Trust Center.",
+ ],
+ [
+ "Do you have a GraphQL Gateway?",
+ "Of course, we do! It is called Hive Gateway (previously known as GraphQL Mesh) that supports Apollo Federation and has been battle-tested by our clients for a few years now. Read more in our documentation.",
+ ],
+] as const;
+
+const faqs = Astro.props.faqs ?? defaultFaqs;
+const heading = Astro.props.heading ?? "Frequently Asked Questions";
+
+const questionId = (question: string) =>
+ `faq--${question.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-").replaceAll(/(^-|-$)/g, "")}`;
+---
+
+Explore Hive 360° GraphQL Ecosystem to reach full potential
+ + Learn more +{heading}
+
+ {faqs.map(([question, answer]) => (
+
+
+
+ ))}
+ + {question} + +
+
+
+
+
+
+
+
+
+ Get your
+
+
+
+ Get your
+
API game right.
+
+
+
+ -
+
-
+ + ++ Built by engineers to improve developer experience +
+
-
+ + ++ Driven by customers +
+
-
+ + ++ No vendor lock-in +
+
+
+
+
+
+
+Get your API game right.
+ +
+
+
+
+
+
+
+
+
+
+ Open-source GraphQL management platform
+
+
+
+
+
+
+
+ Products
+-
+ {
+ productLinks.map((link) => (
+
- + + {link.children} + + + )) + } +
+
+
+
+
+
+ Developer
+-
+ {
+ developerLinks.map((link) => (
+
- + + {link.children} + + + )) + } +
+
+ Resources
+-
+ {
+ resourceLinks.map((link) => (
+
- + + {link.children} + + + )) + } +
+
+
+
+
+
+ {
+ standaloneLinks.map((link) => (
+
+ {link.children}
+
+ ))
+ }
+
+ Contact Us
+
+ Company
+-
+ {
+ companyLinks.map((link) => (
+
- + + {link.children} + + + )) + } +
+
+
+
+
+
+
+
+ {docsNavigation.length > 0 && <>
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/TocAsideContent.astro b/packages/documentation-astro/src/components/TocAsideContent.astro
new file mode 100644
index 00000000..0ad9fc68
--- /dev/null
+++ b/packages/documentation-astro/src/components/TocAsideContent.astro
@@ -0,0 +1,49 @@
+---
+import type { TocHeading } from "../lib/toc";
+
+interface Props {
+ headings: TocHeading[];
+}
+
+const { headings } = Astro.props;
+---
+
++ + On this page +
+ + + diff --git a/packages/documentation-astro/src/components/TocPopoverContent.astro b/packages/documentation-astro/src/components/TocPopoverContent.astro new file mode 100644 index 00000000..a295cee3 --- /dev/null +++ b/packages/documentation-astro/src/components/TocPopoverContent.astro @@ -0,0 +1,20 @@ +--- +import type { TocHeading } from "../lib/toc"; + +interface Props { + headings: TocHeading[]; +} + +const { headings } = Astro.props; +--- + +
+
+ 
+
+
+ ) : (
+ <>
+
+
+
+
+
+ {singleAuthor.name}
+
+
+
+
+ {resolved.map((author) => (
+
+ 
+ {author.name}
+
+ ))}
+
+
+ )
+}
diff --git a/packages/documentation-astro/src/components/blog/BlogCard.astro b/packages/documentation-astro/src/components/blog/BlogCard.astro
new file mode 100644
index 00000000..d65116b9
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/BlogCard.astro
@@ -0,0 +1,72 @@
+---
+import { resolveAuthor } from "../../lib/authors";
+import BlogTagChip from "./BlogTagChip.astro";
+
+interface Props {
+ class?: string;
+ post: {
+ authors: string[];
+ date: string;
+ route: string;
+ tags: string[];
+ title: string;
+ };
+ tag?: string | null;
+ variant?: "default" | "featured";
+}
+
+const { class: className, post, tag, variant } = Astro.props;
+const { tags, title } = post;
+const date = new Date(post.date);
+
+const firstAuthor = post.authors.map(resolveAuthor).find(Boolean);
+const avatarSrc =
+ firstAuthor?.github &&
+ `https://avatars.githubusercontent.com/${firstAuthor.github}?v=4&s=48`;
+
+const dateLabel = date.toLocaleDateString("en-US", {
+ day: "numeric",
+ month: "short",
+ year: "numeric",
+});
+---
+
+
+
+ {author.name}
+
+ ))}
+
+
diff --git a/packages/documentation-astro/src/components/blog/BlogPostHeader.astro b/packages/documentation-astro/src/components/blog/BlogPostHeader.astro
new file mode 100644
index 00000000..ec06e80b
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/BlogPostHeader.astro
@@ -0,0 +1,48 @@
+---
+import ArrowIcon from "./ArrowIcon.astro";
+import BlogAuthors from "./BlogAuthors.astro";
+import BlogPostPicture from "./BlogPostPicture.astro";
+import BlogTagChip from "./BlogTagChip.astro";
+
+interface Props {
+ authors: string[];
+ class?: string;
+ date: string;
+ image?: string;
+ mobileImage?: string;
+ tags: string[];
+ title: string;
+}
+
+const { authors, class: className, date, image, mobileImage, tags, title } = Astro.props;
+const tag = tags[0];
+const titleId = title.replaceAll(/[\s.,]+/g, "-").toLowerCase();
+---
+
+{image &&
+
+
+
+
+ + Blog +
++ Explore insights on managing and optimizing your GraphQL APIs +
+
+
+
+ + {title} +
+-
+
-
+
+
+ {
+ categories.map((category) => (
+ -
+
+
+ ))
+ }
+
Company News and Press
+-
+ {
+ posts.map((post) => (
+
-
+
+
+ ))
+ }
+
-
+ {featuredPosts.map((post) => (
+
-
+
+
+ ))}
+
+ Latest posts + {tag && <> in {prettyPrintTag(tag)}} +
+-
+ {
+ firstTwelve.map((post, index) => (
+ <>
+
-
+
+
+ {hasExtra && index === 6 && (
+ -
+
+
+ )}
+
+ ))
+ }
+
+
+ )
+ }
++ Show more + Hide posts +
+ +-
+ {rest.map((post) => (
+
-
+
+
+ ))}
+
+
+
+
++ Stay in the loop +
++ Get the latest insights and best practices on GraphQL API management delivered straight to your inbox. +
+
+
+
+
+ {postsToShow.map((post, i) => (
+ Explore
+Dive deeper into related topics.
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/BenchmarkResultsTable.astro b/packages/documentation-astro/src/components/blog/welcome-hive-router/BenchmarkResultsTable.astro
new file mode 100644
index 00000000..11f200db
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/BenchmarkResultsTable.astro
@@ -0,0 +1,67 @@
+---
+import { gateways } from "./gateways-data";
+
+const rows = [...gateways].sort((a, b) => b.rps - a.rps);
+---
+
+| Gateway | +Compatibility | +Test Cases | +Test Suites | +
|---|---|---|---|
| {row.name} | ++ {((row.okTestCases * 100) / testCasesTotal).toFixed(2)} + % + | ++ ✓ {row.okTestCases} + {testCasesTotal - row.okTestCases > 0 && ( + ✗ {testCasesTotal - row.okTestCases} + )} + | ++ ✓ {row.okTestSuites} + {testSuitesTotal - row.okTestSuites > 0 && ( + ✗ {testSuitesTotal - row.okTestSuites} + )} + | +
+
+
+
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/Highlights.astro b/packages/documentation-astro/src/components/blog/welcome-hive-router/Highlights.astro
new file mode 100644
index 00000000..cc0bf7df
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/Highlights.astro
@@ -0,0 +1,38 @@
+---
+const items = [
+ {
+ description: "MIT licensed, transparent, and community-driven.",
+ icon: '',
+ title: "Open Source",
+ },
+ {
+ description: "Fully compatible - works seamlessly with Federation standards.",
+ icon: '',
+ title: "Apollo Federation",
+ },
+ {
+ description: "Designed in Rust for speed, low memory use, and efficiency.",
+ icon: '',
+ title: "Fast and Efficient",
+ },
+ {
+ description: "Apollo-style query plans, no new concepts to learn.",
+ icon: '',
+ title: "Familiar Query Plans",
+ },
+];
+---
+
+|
+ Gateway + version + |
+
+ RPS + reqs/s + |
+
+ P95 + ms + |
+
+ P99.9 + ms + |
+
+ CPU + max % + |
+
+ MEM + max MB + |
+
|---|---|---|---|---|---|
|
+ {row.name}
+ {row.version}
+ |
+ {row.rps} | +{row.p95} | +{row.p99_9} | +{row.cpu} | +{row.mem} | +
+ {
+ items.map((item) => (
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/LatencyBands.astro b/packages/documentation-astro/src/components/blog/welcome-hive-router/LatencyBands.astro
new file mode 100644
index 00000000..dfe8e718
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/LatencyBands.astro
@@ -0,0 +1,28 @@
+---
+import { gateways } from "./gateways-data";
+
+const data = [...gateways].sort((a, b) => a.p99_9 - b.p99_9);
+const max = Math.max(...data.map((d) => d.p99_9));
+---
+
+
+
+ ))
+ }
+
+
+ {item.title}
+
+ {item.description}
+
+ {
+ data.map((d) => (
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/RPSRace.astro b/packages/documentation-astro/src/components/blog/welcome-hive-router/RPSRace.astro
new file mode 100644
index 00000000..b143a4dc
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/RPSRace.astro
@@ -0,0 +1,46 @@
+---
+import { gateways } from "./gateways-data";
+
+const sorted = [...gateways].sort((a, b) => b.rps - a.rps);
+const max = Math.max(...sorted.map((d) => d.rps));
+const first = sorted[0]!;
+---
+
+
+
+ ))
+ }
+
+ {d.name}
+
+ p95 {d.p95.toFixed(1)} ms | p99.9 {d.p99_9.toFixed(1)} ms
+
+
+
+
+
+
+
+ Axis scaled to the highest p99.9 across gateways
+
+
+ {
+ sorted.map((d) => (
+
+
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/ZeroCopyBlocks.astro b/packages/documentation-astro/src/components/blog/welcome-hive-router/ZeroCopyBlocks.astro
new file mode 100644
index 00000000..92952b38
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/ZeroCopyBlocks.astro
@@ -0,0 +1,60 @@
+---
+import { finalJson, getAdata, idMapperFinal, sliceLookup, subgraphA } from "./zero-copy-data";
+import { renderByteBuffer, renderJsonBlock } from "./zero-copy-render";
+
+const adata = getAdata();
+
+const subgraphBlockHtml = renderJsonBlock(subgraphA, "Subgraph response as JSON", {
+ idPrefix: "A:",
+ pretty: false,
+ sliceLookup,
+});
+const byteBufferHtml = renderByteBuffer(adata.entries, adata.json, "Subgraph response is stored as bytes", "A:");
+const finalBlockHtml = renderJsonBlock(finalJson, "Final Response (reuses the bytes from subgraph response)", {
+ idMapper: idMapperFinal,
+ pretty: true,
+ sliceLookup,
+});
+---
+
+
+
+ ))
+ }
+
+ {d.name}
+
+ {d.name === first.name && }
+ {d.rps.toFixed(0)} rps
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/gateways-data.ts b/packages/documentation-astro/src/components/blog/welcome-hive-router/gateways-data.ts
new file mode 100644
index 00000000..55a7110c
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/gateways-data.ts
@@ -0,0 +1,49 @@
+export const testCasesTotal = 189;
+export const testSuitesTotal = 42;
+
+export const gateways = [
+ {
+ cpu: 167,
+ mem: 48,
+ name: "Hive Router",
+ okTestCases: 189,
+ okTestSuites: 42,
+ p95: 48.58,
+ p99_9: 78.84,
+ rps: 1831.09,
+ version: "main",
+ },
+ {
+ cpu: 270,
+ mem: 192,
+ name: "Apollo Router",
+ okTestCases: 185,
+ okTestSuites: 40,
+ p95: 196.46,
+ p99_9: 472.21,
+ rps: 329.84,
+ version: "v2.6.0",
+ },
+ {
+ cpu: 133,
+ mem: 94,
+ name: "Grafbase Gateway",
+ okTestCases: 171,
+ okTestSuites: 35,
+ p95: 137.81,
+ p99_9: 395.73,
+ rps: 461.19,
+ version: "v0.48.1",
+ },
+ {
+ cpu: 263,
+ mem: 119,
+ name: "Cosmo Router",
+ okTestCases: 179,
+ okTestSuites: 36,
+ p95: 128.25,
+ p99_9: 348.17,
+ rps: 585.79,
+ version: "v0.247.0",
+ },
+];
diff --git a/packages/documentation-astro/src/components/blog/welcome-hive-router/zero-copy-data.ts b/packages/documentation-astro/src/components/blog/welcome-hive-router/zero-copy-data.ts
new file mode 100644
index 00000000..528f2888
--- /dev/null
+++ b/packages/documentation-astro/src/components/blog/welcome-hive-router/zero-copy-data.ts
@@ -0,0 +1,298 @@
+export type JsonValue =
+ | JsonValue[]
+ | { [key: string]: JsonValue }
+ | boolean
+ | number
+ | string
+ | null;
+
+export const COLORS = {
+ bool: "#60a5fa",
+ key: "#8b93ff",
+ null: "#9ca3af",
+ number: "#f59e0b",
+ string: "#34d399",
+} as const;
+
+function enc(str: string) {
+ return new TextEncoder().encode(str);
+}
+
+function isPrimitive(v: unknown): v is boolean | number | string | null {
+ return (
+ v === null ||
+ typeof v === "string" ||
+ typeof v === "number" ||
+ typeof v === "boolean"
+ );
+}
+
+function keyId(path: string, key: string) {
+ return `${path}/${key}#key`;
+}
+function valId(path: string, key: string) {
+ return `${path}/${key}#value`;
+}
+function idxValId(path: string, i: number) {
+ return `${path}/${i}#value`;
+}
+
+function escapeJSONString(s: string) {
+ return s.replaceAll("\\", "\\\\").replaceAll('"', String.raw`\"`);
+}
+
+export interface ByteMapEntry {
+ kind: keyof typeof COLORS;
+ len: number;
+ localId: string;
+ start: number;
+}
+
+export function serializeWithByteMap(val: JsonValue) {
+ const entries: ByteMapEntry[] = [];
+ let out = "";
+ let bytePos = 0;
+ const push = (chunk: string) => {
+ out += chunk;
+ bytePos += enc(chunk).length;
+ };
+
+ const walk = (v: JsonValue, path: string) => {
+ if (Array.isArray(v)) {
+ push("[");
+ for (const [idx, item] of v.entries()) {
+ if (isPrimitive(item)) {
+ if (typeof item === "string") {
+ push('"');
+ const content = escapeJSONString(item);
+ const start = bytePos;
+ push(content);
+ entries.push({
+ kind: "string",
+ len: enc(content).length,
+ localId: idxValId(path, idx),
+ start,
+ });
+ push('"');
+ } else if (typeof item === "number") {
+ const text = String(item);
+ const start = bytePos;
+ push(text);
+ entries.push({
+ kind: "number",
+ len: enc(text).length,
+ localId: idxValId(path, idx),
+ start,
+ });
+ } else if (typeof item === "boolean") {
+ const text = item ? "true" : "false";
+ const start = bytePos;
+ push(text);
+ entries.push({
+ kind: "bool",
+ len: enc(text).length,
+ localId: idxValId(path, idx),
+ start,
+ });
+ } else if (item === null) {
+ const text = "null";
+ const start = bytePos;
+ push(text);
+ entries.push({
+ kind: "null",
+ len: enc(text).length,
+ localId: idxValId(path, idx),
+ start,
+ });
+ }
+ } else {
+ walk(item, `${path}/${idx}`);
+ }
+ if (idx < v.length - 1) push(",");
+ }
+ push("]");
+ return;
+ }
+
+ if (v && typeof v === "object") {
+ push("{");
+ const keys = Object.keys(v);
+ for (const [i, k] of keys.entries()) {
+ push('"');
+ const kEsc = escapeJSONString(k);
+ const kStart = bytePos;
+ push(kEsc);
+ entries.push({
+ kind: "key",
+ len: enc(kEsc).length,
+ localId: keyId(path, k),
+ start: kStart,
+ });
+ push('"');
+ push(":");
+ const child = (v as Record
+
+
+
+
+
+
+
+
+
+
`;
+}
+
+export function renderByteBuffer(
+ entries: ByteMapEntry[],
+ json: string,
+ title: string,
+ idPrefix: "A:" | "B:",
+) {
+ const bytes = new TextEncoder().encode(json);
+ const PX = 6;
+ const H = 12;
+ const viewW = Math.max(bytes.length * PX, 1);
+
+ const backgroundRects = Array.from(
+ bytes,
+ (_, i) =>
+ `${escapeHtml(title)}
+${body}
+
+
`;
+}
diff --git a/packages/documentation-astro/src/components/case-studies/CaseStudyCard.astro b/packages/documentation-astro/src/components/case-studies/CaseStudyCard.astro
new file mode 100644
index 00000000..421853ef
--- /dev/null
+++ b/packages/documentation-astro/src/components/case-studies/CaseStudyCard.astro
@@ -0,0 +1,38 @@
+---
+import arrowRaw from "../../../../design-system/src/icons/arrow-icon.svg?raw";
+import CompanyLogo from "./CompanyLogo.astro";
+
+interface Props {
+ category?: string;
+ class?: string;
+ excerpt: string;
+ href: string;
+ slug: string;
+}
+
+const { category, class: className, excerpt, href, slug } = Astro.props;
+---
+
+
+ ${escapeHtml(title)}
+
+
+
+ Colored bars are byte slices. Final response references these offsets; no copies.
+
+ {
+ category && (
+
+
+ {category}
+
+ )
+ }
+ {excerpt}
+
+ Read full story
+
+
diff --git a/packages/documentation-astro/src/components/case-studies/CaseStudyCta.astro b/packages/documentation-astro/src/components/case-studies/CaseStudyCta.astro
new file mode 100644
index 00000000..5af53c26
--- /dev/null
+++ b/packages/documentation-astro/src/components/case-studies/CaseStudyCta.astro
@@ -0,0 +1,54 @@
+---
+interface Props {
+ class?: string;
+}
+
+const { class: className } = Astro.props;
+---
+
+
+
+ + Get your API game right. +
+ +
+
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/ecosystem/ProductCard.astro b/packages/documentation-astro/src/components/ecosystem/ProductCard.astro
new file mode 100644
index 00000000..ba1b2fd0
--- /dev/null
+++ b/packages/documentation-astro/src/components/ecosystem/ProductCard.astro
@@ -0,0 +1,97 @@
+---
+interface Props {
+ class?: string;
+ decoration?: string;
+ href: string;
+ icon: string;
+ isHive?: boolean;
+ name: string;
+ title?: string;
+ variant: "ancillary" | "main";
+}
+
+const { class: className, decoration, href, icon, isHive, name, title, variant } = Astro.props;
+
+const blurId = `eco-pc-blur-${name.toLowerCase().replace(/\s+/g, "-")}`;
+---
+
+{
+ variant === "main" ? (
+
+
+
+
+ + Got an idea for a new library? +
+Join our community to chat with us and let's build something together!
+ + + Get in touch + +{name}
+ + +
+
+
+
+
+
+
+
+
+
+ {name}
+{title}
+
+
+ Cloud Native Nature
++ As modern teams expect their tools to work seamlessly in serverless environments, Hive Gateway is highly versatile and cloud-ready. +
+
+ Cloud-Native & Serverless Support
+
+ + Optimized for deployment in modern cloud and serverless environments such as AWS Lambda and Cloudflare Workers, demonstrating high scalability and flexibility. +
+
+
+
+Federation-Compatible Gateway Benchmarks
++ See the results of our open-source audit for Apollo Federation Gateways. +
+
+
+
+ + Learn how Hive Gateway performs against other gateways in terms of correctness and compliance with the Apollo Federation specification +
+ + + Learn about our audit and methodology + +
+
+
+
+
+ Passed tests
+
+
+ Failed tests
+
+
+
+ Perfect compatibility
+
+
+
+ 75% and higher
+
+
+
+ Less than 75%
+
+
+ {tabs.map((tab, i) => (
+
+ ))}
+
+
+
+ {tabs.map((tab, i) => (
+
+
+
+ ))}
+
+
+
+
+
+ {tab.title}
+-
+ {tab.highlights.map((highlight) => (
+
- {highlight.title} +
- {highlight.description} +
+
+ ))}
+
+ {rows.map((row, i) => (
+
+
+
diff --git a/packages/documentation-astro/src/components/gateway/LetsGetAdvancedSection.astro b/packages/documentation-astro/src/components/gateway/LetsGetAdvancedSection.astro
new file mode 100644
index 00000000..9cfca956
--- /dev/null
+++ b/packages/documentation-astro/src/components/gateway/LetsGetAdvancedSection.astro
@@ -0,0 +1,64 @@
+---
+interface Props {
+ class?: string;
+}
+
+const { class: className } = Astro.props;
+
+const cards = [
+ {
+ ctaHref: "/docs/gateway/deployment/node-frameworks/uwebsockets#subscriptions-with-websockets",
+ description: "Supports real-time data streaming capabilities crucial for dynamic user experiences.",
+ heading: "GraphQL Subscriptions",
+ icon: '',
+ order: "max-sm:order-10",
+ },
+ {
+ ctaHref: "/docs/gateway/defer-stream",
+ description: "Allows more efficient data loading patterns, improving user interface responsiveness and system performance.",
+ heading: "@defer and @stream Support",
+ icon: '',
+ order: "",
+ },
+ {
+ ctaHref: "/docs/gateway/other-features/performance/request-batching",
+ description: "Reduces network overhead by enabling multiple GraphQL operations in a single HTTP request, enhancing data retrieval efficiency.",
+ heading: "Request Batching",
+ icon: '',
+ order: "",
+ },
+ {
+ ctaHref: "/docs/gateway/other-features/security",
+ description: "Facilitates efficient management of API resources by setting limits on query complexity and execution depth, tailored for high-demand cloud environments.",
+ heading: "Demand Control",
+ icon: '',
+ order: "",
+ },
+];
+---
+
+
+
+ ))}
+
+ {[...row, ...row, ...(i === rows.length - 1 ? row : [])].map((pill) => (
+
+ {pill.label}
+
+ ))}
+
+ Let's get advanced
+Hive Gateway features a set of advanced GraphQL features.
+ +
+
+
+
+Orchestrate your way!
++ The open nature of Hive Gateway ensures that it fits into your existing GraphQL infrastructure. +
+-
+
-
+ + ++
Apollo Federation v1 and v2 Support
++ Ensures full compatibility and seamless operation within Apollo Federation setups, simplifying integration with existing GraphQL services. ++
+ -
+ + ++
Plugin System
++ Extensive customization options, allowing enterprises to tailor the gateway to fit specific architectural needs and workflows. ++
+
Community-Driven Open Source
+Supported by a network of early advocates, contributors, and champions.
+ +
+
+
+
+
+
+
+ GitHub Integration
+Our CLI integrates smoothly with GitHub Actions / repositories.
+ + + + GitHub Discussions + +
+
+ Available for Free
+Free Hobby plan that fits perfectly for most side projects.
+ + + Check Pricing + +
+
+
+
+
+ {columns.map((column) => (
+
+
+ {column.map((post) => (
+
+ ))}
+
+ ))}
+ Loved by Developers, Trusted by Businesses
+ +
+
+
+ {testimonials.map((testimonial, i) => (
+
+ ))}
+
+
+
+ {testimonials.map((testimonial) => (
+
+ 
+
+ ))}
+
+
+
+ {"data" in testimonial && testimonial.data && (
+ <>
+
+
+
+ + {testimonialText[testimonial.company]} ++ {"caseStudyHref" in testimonial && testimonial.caseStudyHref && ( + + + Read the case study + + + )} +
-
+ {testimonial.data.map((entry) => (
+
- + {entry.numbers} + {entry.description} + + ))} +
+
+
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/landing/FeatureTabs.astro b/packages/documentation-astro/src/components/landing/FeatureTabs.astro
new file mode 100644
index 00000000..43f55737
--- /dev/null
+++ b/packages/documentation-astro/src/components/landing/FeatureTabs.astro
@@ -0,0 +1,234 @@
+---
+import auditImage from "../../../../documentation/src/components/landing-page-feature-tabs/audit.png";
+import observabilityClientsImage from "../../../../documentation/src/components/landing-page-feature-tabs/clients.webp";
+import registryExplorerImage from "../../../../documentation/src/components/landing-page-feature-tabs/explorer.webp";
+import observabilityOperationsImage from "../../../../documentation/src/components/landing-page-feature-tabs/operations.webp";
+import observabilityOverallImage from "../../../../documentation/src/components/landing-page-feature-tabs/overall.webp";
+import registrySchemaChecksImage from "../../../../documentation/src/components/landing-page-feature-tabs/schema-checks.webp";
+import registryVersionControlSystemImage from "../../../../documentation/src/components/landing-page-feature-tabs/version-control-system.webp";
+
+interface Props {
+ class?: string;
+}
+
+const { class: className } = Astro.props;
+
+const highlights = {
+ "Schema Registry": [
+ {
+ description: "Track schema modifications across multiple environments from development to production.",
+ image: registryVersionControlSystemImage,
+ title: "Version Control System",
+ },
+ {
+ description: "Identify and breaking changes before they reach production. Evolve your API with confidence.",
+ image: registrySchemaChecksImage,
+ title: "Schema Checks",
+ },
+ {
+ description: "Avoid runtime errors by validating compatibility of all your subgraphs.",
+ image: registrySchemaChecksImage,
+ title: "Composition Error Prevention",
+ },
+ {
+ description: "Navigate through your GraphQL schema and check ownership and usage of types.",
+ image: registryExplorerImage,
+ title: "Schema Explorer",
+ },
+ ],
+ "GraphQL Observability": [
+ {
+ description: "Track GraphQL requests to see how API is utilized and by what applications.",
+ image: observabilityClientsImage,
+ title: "GraphQL consumers",
+ },
+ {
+ description: "Observe and analyze performance of your GraphQL API.",
+ image: observabilityOverallImage,
+ title: "Overall performance",
+ },
+ {
+ description: "Identify slow GraphQL operations to pinpoint performance bottlenecks.",
+ image: observabilityOperationsImage,
+ title: "Query performance",
+ },
+ ],
+ "GraphQL Gateway": [
+ {
+ description: "Best in class support for Apollo Federation. Scores 100% in the Federation audit.",
+ image: auditImage,
+ link: "https://the-guild.dev/graphql/hive/federation-gateway-audit",
+ title: "Federation v1 and v2",
+ },
+ {
+ description: "Contribute data from subgraphs to a GraphQL subscription seamlessly.",
+ image: auditImage,
+ link: "/docs/gateway/subscriptions",
+ title: "Real-time features",
+ },
+ {
+ description: "Access control with role-based access control (RBAC), JSON Web Tokens (JWT) and Persisted Operations.",
+ image: auditImage,
+ link: "/docs/gateway/authorization-authentication",
+ title: "Security and Compliance",
+ },
+ {
+ description: "Out-of-the-box support for OpenTelemetry and Prometheus metrics to fit your observability stack.",
+ image: auditImage,
+ link: "/docs/gateway/monitoring-tracing",
+ title: "OTEL & Prometheus",
+ },
+ ],
+} as const;
+
+const tabs = [
+ {
+ description: "Publish schemas, compose federated GraphQL api, and detect backward-incompatible changes with ease.",
+ documentationLink: "/docs/schema-registry",
+ title: "Schema Registry",
+ },
+ {
+ description: "Insights into API usage and user experience metrics.",
+ documentationLink: "/docs/schema-registry/usage-reporting",
+ title: "GraphQL Observability",
+ },
+ {
+ description: "Entry point to your distributed data graph.",
+ documentationLink: "/docs/gateway",
+ title: "GraphQL Gateway",
+ },
+] as const;
+
+const allHighlights = Object.values(highlights).flat();
+---
+
+
+
+
+
+
+
+
+
+ Codegen
+ GraphQL Code
Generation
+ Generation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Stellate
+ GraphQL Edge Security
and Caching Layer
+ and Caching Layer
+
+
+
+
+
+
+
+
+
+
+
+
+ Hive Console
+ Schema registry
and monitoring
+ and monitoring
+ {tabs.map((tab, i) => (
+
+ ))}
+
+
+
+ {tabs.map((tab, i) => (
+
+
+
+ ))}
+
+
+
+
+
+ {tab.title}
+{tab.description}
+-
+ {highlights[tab.title].map((highlight) =>
+ "link" in highlight && highlight.link ? (
+
+
- {highlight.title} +
- {highlight.description} + + ) : ( +
- {highlight.title} +
- {highlight.description} +
+
+ ),
+ )}
+
+ {allHighlights.map((highlight, i) => (
+
+
+ 
+
+ ))}
+
+
+
++ Built by The Guild. Industry Veterans. +
+ ++ Contrary to most, we believe in long-term sight, not temporary growth. We believe in extreme quality, not scrappy pivots. We believe in open, not locked. We fight for a world where software liberates, not confines — ensuring technology serves, not subjugates. +
+ + + + Visit The Guild + + + +-
+ {teamMembers.map((member) => (
+
-
+
+ + ++ {member.name} + +
+ +
+ ))}
+
Discover the complete ecosystem of tools and libraries
+Complete GraphQL Federation Stack
+ +Our libraries to support all your GraphQL needs
+ + + + Explore the Ecosystem + +
+
+
diff --git a/packages/documentation-astro/src/components/mdx/CodeBlock.astro b/packages/documentation-astro/src/components/mdx/CodeBlock.astro
new file mode 100644
index 00000000..75312ea3
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/CodeBlock.astro
@@ -0,0 +1,227 @@
+---
+const { class: className, icon, tabindex: _tabindex, title, ...props } = Astro.props;
+---
+
+
+ {icon && }
+ {title}
+
+
+ ) : (
+
+ )
+ }
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/ContactButton.astro b/packages/documentation-astro/src/components/mdx/ContactButton.astro
new file mode 100644
index 00000000..72787848
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/ContactButton.astro
@@ -0,0 +1,25 @@
+---
+const { className, variant = "primary", ...props } = Astro.props;
+const variants: Record
+
+ {name}
+
diff --git a/packages/documentation-astro/src/components/mdx/Files.astro b/packages/documentation-astro/src/components/mdx/Files.astro
new file mode 100644
index 00000000..0639d644
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/Files.astro
@@ -0,0 +1,11 @@
+---
+interface Props {
+ class?: string;
+}
+
+const { class: className } = Astro.props;
+---
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/Folder.astro b/packages/documentation-astro/src/components/mdx/Folder.astro
new file mode 100644
index 00000000..6f395d9c
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/Folder.astro
@@ -0,0 +1,46 @@
+---
+interface Props {
+ defaultOpen?: boolean;
+ name: string;
+}
+
+const { defaultOpen = false, name } = Astro.props;
+---
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/Image.astro b/packages/documentation-astro/src/components/mdx/Image.astro
new file mode 100644
index 00000000..21b2d88c
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/Image.astro
@@ -0,0 +1,48 @@
+---
+import organizationImage from "../../../../documentation/content/docs/schema-registry/get-started/org.png";
+import projectImage from "../../../../documentation/content/docs/schema-registry/get-started/project.png";
+import signupImage from "../../../../documentation/content/docs/schema-registry/get-started/signup.png";
+
+interface Props {
+ alt?: string;
+ class?: string;
+ className?: string;
+ height?: number;
+ src: string | URL | { height?: number; src: string; width?: number };
+ width?: number;
+ [key: string]: unknown;
+}
+
+const {
+ class: className,
+ className: reactClassName,
+ src,
+ width,
+ height,
+ ...props
+} = Astro.props;
+const legacyUrlImages = {
+ "org.png": organizationImage,
+ "project.png": projectImage,
+ "signup.png": signupImage,
+};
+const urlMetadata =
+ src instanceof URL
+ ? legacyUrlImages[src.pathname.split("/").at(-1) as keyof typeof legacyUrlImages]
+ : undefined;
+const metadata =
+ urlMetadata ??
+ (typeof src === "object" && !(src instanceof URL) ? src : undefined);
+const source = typeof src === "string" ? src : metadata?.src;
+const imageWidth = width ?? metadata?.width;
+const imageHeight = height ?? metadata?.height;
+---
+
++ + + {name} +
+
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/LargeCallout.astro b/packages/documentation-astro/src/components/mdx/LargeCallout.astro
new file mode 100644
index 00000000..153bea89
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/LargeCallout.astro
@@ -0,0 +1,89 @@
+---
+interface Props {
+ className?: string;
+ cta?: unknown;
+ heading?: string;
+ icon?: unknown;
+ variant: "primary" | "secondary";
+ [key: string]: unknown;
+}
+
+const {
+ className,
+ cta,
+ heading,
+ icon,
+ variant,
+ ...props
+} = Astro.props as Props;
+const ctaNode = cta as { props?: Record
+
+
+
+
+
+
+
+ {name}
+ {meaning}
+
+
+
+
+
+ {notes && (
+
+
+ Typical Values
+
+
+ {typicalValues.map((value) => (
+
+ {value}
+ ))}
+
+
+ )}
+
+
+
+ {notes}
+
+
+ {
+ icon && (
+
+ )
+ }
+
+
+ {
+ cta && (
+ :first-child]:-inset-px [&:hover>:first-child]:rounded-[9px]",
+ ctaClasses[ctaVariant],
+ ]}
+ href={ctaHref}
+ data-case-study-contact={ctaHref === "https://the-guild.dev/contact" ? "" : undefined}
+ rel={external ? "noreferrer" : undefined}
+ target={external ? "_blank" : undefined}
+ >
+
+ {ctaLabel}
+
+ )
+ }
+{heading}
+p:first-child]:mt-0",
+ className,
+ ]}
+>
+
diff --git a/packages/documentation-astro/src/components/mdx/Link.astro b/packages/documentation-astro/src/components/mdx/Link.astro
new file mode 100644
index 00000000..699b4275
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/Link.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+ href?: string;
+ [key: string]: unknown;
+}
+
+const { href, ...props } = Astro.props;
+const external = href ? /^https?:\/\//.test(href) : false;
+---
+
+
+ {description}
+ +
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/MetricsSection.astro b/packages/documentation-astro/src/components/mdx/MetricsSection.astro
new file mode 100644
index 00000000..74661ed5
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/MetricsSection.astro
@@ -0,0 +1,57 @@
+---
+import LabelCard from "./LabelCard.astro";
+import MetricCard from "./MetricCard.astro";
+
+interface Metric {
+ description?: string;
+ labels?: string[];
+ name: string;
+ type: "Counter" | "Gauge" | "Histogram" | "UpDownCounter";
+ unit?: string;
+}
+
+interface Label {
+ meaning: string;
+ name: string;
+ notes?: string;
+ typicalValues: string[];
+}
+
+const { labels = [], metrics = [] } = Astro.props as {
+ labels?: Label[];
+ metrics?: Metric[];
+};
+---
+
+
+
+
+
+
+ {description &&
+
+
+
+ {name}
+
+
+
+ {unit && (
+
+
+ Unit:
+ {unit}
+
+ )}
+
+
+ {type}
+
+ {description}
} + + {labels && labels.length > 0 && ( +
+
+ )}
+
+ Labels
+
+
+ {labels.map((label) => (
+
+ {label}
+ ))}
+
+ {
+ metrics.length > 0 && (
+
diff --git a/packages/documentation-astro/src/components/mdx/PackageManagerTabs.astro b/packages/documentation-astro/src/components/mdx/PackageManagerTabs.astro
new file mode 100644
index 00000000..890b3d75
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/PackageManagerTabs.astro
@@ -0,0 +1,136 @@
+---
+const packageManagers = ["npm", "yarn", "pnpm", "bun"];
+---
+
+
+
+ )
+ }
+
+ {
+ labels.length > 0 && (
+ Metrics
+
+ {metrics.map((metric) => (
+
+
+
+ )
+ }
++ Labels Reference + +
+
+ {labels.map((label) => (
+
+
+
+ ))}
+
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/Screenshot.astro b/packages/documentation-astro/src/components/mdx/Screenshot.astro
new file mode 100644
index 00000000..60d8817e
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/Screenshot.astro
@@ -0,0 +1,18 @@
+
+ {
+ packageManagers.map((manager, index) => (
+
+ ))
+ }
+
+
+
+
+
diff --git a/packages/documentation-astro/src/components/mdx/YoutubeIframe.astro b/packages/documentation-astro/src/components/mdx/YoutubeIframe.astro
new file mode 100644
index 00000000..01c0ab95
--- /dev/null
+++ b/packages/documentation-astro/src/components/mdx/YoutubeIframe.astro
@@ -0,0 +1,34 @@
+---
+const { src, title = "YouTube video" } = Astro.props;
+---
+
+
+ {
+ labels.map((label, index) => (
+
+ ))
+ }
+
+
+
+
+
+
diff --git a/packages/documentation-astro/src/content.config.ts b/packages/documentation-astro/src/content.config.ts
new file mode 100644
index 00000000..956da050
--- /dev/null
+++ b/packages/documentation-astro/src/content.config.ts
@@ -0,0 +1,39 @@
+import { defineCollection } from "astro:content";
+import { glob } from "astro/loaders";
+
+const contentRoot = "../documentation/content";
+
+const docs = defineCollection({
+ loader: glob({
+ base: `${contentRoot}/docs`,
+ pattern: "**/*.{md,mdx}",
+ }),
+});
+
+const productUpdates = defineCollection({
+ loader: glob({
+ base: `${contentRoot}/product-updates`,
+ pattern: "**/*.{md,mdx}",
+ }),
+});
+
+const caseStudies = defineCollection({
+ loader: glob({
+ base: `${contentRoot}/case-studies`,
+ pattern: "**/*.{md,mdx}",
+ }),
+});
+
+const blog = defineCollection({
+ loader: glob({
+ base: `${contentRoot}/blog`,
+ pattern: "**/*.{md,mdx}",
+ }),
+});
+
+export const collections = {
+ blog,
+ caseStudies,
+ docs,
+ productUpdates,
+};
diff --git a/packages/documentation-astro/src/layouts/BlogPageLayout.astro b/packages/documentation-astro/src/layouts/BlogPageLayout.astro
new file mode 100644
index 00000000..7407337c
--- /dev/null
+++ b/packages/documentation-astro/src/layouts/BlogPageLayout.astro
@@ -0,0 +1,39 @@
+---
+import "../styles/global.css";
+
+import BlogPageHero from "../components/blog/BlogPageHero.astro";
+import CompanyNewsAndPressSection from "../components/blog/CompanyNewsAndPressSection.astro";
+import GetYourAPIGameRightSection from "../components/GetYourAPIGameRightSection.astro";
+import SiteFooter from "../components/SiteFooter.astro";
+import SiteNavigation from "../components/SiteNavigation.astro";
+import SocialMetadata from "../components/SocialMetadata.astro";
+
+interface Props {
+ description: string;
+ title: string;
+}
+
+const { description, title } = Astro.props;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ tableOfContents.length > 0 && (
+
+
+
+
+
+
+
+
+ )
+ }
+
+
+
+
+
+
+
+ )
+ }
+
+
+
+
+
+
+ + {title} +
+ { + authors.length > 0 && ( +-
+ {authors.map((author) => (
+
-
+ {author.avatar && (
+
+ )} + {author.name} + {author.position && {author.position}} +
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ otherStories.length > 0 && (
+
+
+
+
+
+ + Looking to use Hive? +
+
+
+
+
+
+ Talk to us
+
+ + More stories +
+-
+ {otherStories.map((story) => (
+
-
+
+
+ ))}
+
+ {
+ tableOfContents.length > 0 && (
+
+ ← All product updates
+
+
+
+
+
+
+
+ )
+ }
+
+ ${escapeHtml(segment.slice(1, -1))}`;
+ }
+ return escapeHtml(segment)
+ .replace(/\[([^\]]+)\]\([^)]+\)/g, "$1")
+ .replace(/\*\*([^*]+)\*\*/g, "$1")
+ .replace(/__([^_]+)__/g, "$1")
+ .replace(/\*([^*]+)\*/g, "$1");
+ })
+ .join("");
+}
+
+/**
+ * Astro's built-in heading collector (used by `render()`) flattens heading
+ * content to plain text, so inline code like `` `fetch` `` loses its ``
+ * element by the time it reaches the table of contents. This re-derives an
+ * HTML string per heading straight from the Markdown source, matching
+ * headings by position (both walk the document in the same top-level order).
+ */
+export function getHeadingHtmlBySlug(
+ markdown: string,
+ headings: { slug: string; text: string }[],
+) {
+ const rawHeadings: string[] = [];
+ let inFence = false;
+ for (const line of markdown.split("\n")) {
+ if (/^(```|~~~)/.test(line.trim())) {
+ inFence = !inFence;
+ continue;
+ }
+ if (inFence) continue;
+ const match = /^#{1,6}\s+(.*)$/.exec(line);
+ if (!match) continue;
+ rawHeadings.push(match[1].replace(/\s*\{#[\w-]+\}\s*$/, "").trim());
+ }
+
+ const htmlBySlug = new Map();
+ headings.forEach((heading, index) => {
+ const raw = rawHeadings[index];
+ htmlBySlug.set(
+ heading.slug,
+ raw === undefined
+ ? escapeHtml(heading.text)
+ : renderHeadingInlineHtml(raw),
+ );
+ });
+ return htmlBySlug;
+}
diff --git a/packages/documentation-astro/src/lib/docs-nav.ts b/packages/documentation-astro/src/lib/docs-nav.ts
new file mode 100644
index 00000000..5e19ea1d
--- /dev/null
+++ b/packages/documentation-astro/src/lib/docs-nav.ts
@@ -0,0 +1,237 @@
+import { getCollection } from "astro:content";
+
+interface MetaJson {
+ icon?: string;
+ pages?: string[];
+ root?: boolean;
+ title?: string;
+}
+
+export interface DocsNavPage {
+ href: string;
+ title: string;
+ type: "page";
+}
+
+export interface DocsNavFolder {
+ children: DocsNavNode[];
+ href?: string;
+ icon?: string;
+ root?: boolean;
+ title: string;
+ type: "folder";
+}
+
+export type DocsNavNode = DocsNavFolder | DocsNavPage;
+
+interface DocsNav {
+ items: DocsNavPage[];
+ tree: DocsNavNode[];
+}
+
+const metaModules = import.meta.glob<{ default: MetaJson }>(
+ "../../../documentation/content/docs/**/meta.json",
+ { eager: true },
+);
+
+function dirOfMetaPath(fullPath: string) {
+ const marker = "/content/docs/";
+ const rel = fullPath.slice(fullPath.indexOf(marker) + marker.length);
+ return rel.replace(/(^|\/)meta\.json$/, "");
+}
+
+const metaByDir = new Map();
+for (const [path, mod] of Object.entries(metaModules)) {
+ metaByDir.set(dirOfMetaPath(path), mod.default);
+}
+
+function toSlug(id: string) {
+ return id.replace(/(^|\/)index$/, "").replace(/\.(md|mdx)$/, "");
+}
+
+function hrefToSlug(href: string) {
+ return href.replace(/^\/docs\/?/, "").replace(/\/$/, "");
+}
+
+function parseBracket(entry: string) {
+ const match = /^\[([^\]]+)\]\(([^)]+)\)$/.exec(entry);
+ if (!match) return undefined;
+ return { href: match[2]!, title: match[1]! };
+}
+
+function humanize(slug: string) {
+ return slug
+ .split("-")
+ .map((word) => word[0]!.toUpperCase() + word.slice(1))
+ .join(" ");
+}
+
+function iconRawSvg(iconName: string) {
+ const fileName = iconName
+ .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+ .toLowerCase();
+ return iconModules[`../../../design-system/src/icons/${fileName}.svg`];
+}
+
+const iconModules = import.meta.glob(
+ "../../../design-system/src/icons/*.svg",
+ {
+ eager: true,
+ import: "default",
+ query: "?raw",
+ },
+);
+
+function analyzeDir(dir: string, slugs: Set) {
+ const prefix = dir ? `${dir}/` : "";
+ const folders = new Set();
+ const files = new Set();
+ let hasOwnIndex = false;
+
+ for (const slug of slugs) {
+ if (slug === dir) {
+ hasOwnIndex = true;
+ continue;
+ }
+ if (!slug.startsWith(prefix)) continue;
+ const rest = slug.slice(prefix.length);
+ const slashIndex = rest.indexOf("/");
+ if (slashIndex === -1) files.add(rest);
+ else folders.add(rest.slice(0, slashIndex));
+ }
+
+ return { files, folders, hasOwnIndex };
+}
+
+function page(slug: string, title: string): DocsNavPage {
+ return {
+ href: `/docs${slug ? `/${slug}` : ""}`,
+ title,
+ type: "page",
+ };
+}
+
+function resolveDir(
+ dir: string,
+ slugs: Set,
+ titles: Map,
+): DocsNavFolder {
+ const { files, folders, hasOwnIndex } = analyzeDir(dir, slugs);
+ const meta = metaByDir.get(dir);
+ const pages = meta?.pages ?? ["..."];
+ const children: DocsNavNode[] = [];
+ const referenced = new Set();
+ const hasExplicitIndex = pages.some((entry) => {
+ if (entry === "index") return true;
+ const bracket = parseBracket(entry);
+ return bracket && hrefToSlug(bracket.href) === dir;
+ });
+
+ for (const entry of pages) {
+ if (entry === "..." || entry === "index") continue;
+ const bracket = parseBracket(entry);
+ if (bracket) {
+ const slug = hrefToSlug(bracket.href);
+ const prefix = dir ? `${dir}/` : "";
+ const rest = slug.startsWith(prefix)
+ ? slug.slice(prefix.length)
+ : undefined;
+ const top = rest?.split("/")[0];
+ if (top) referenced.add(top);
+ } else {
+ referenced.add(entry);
+ }
+ }
+
+ const emitChild = (name: string) => {
+ const slug = dir ? `${dir}/${name}` : name;
+ if (folders.has(name)) children.push(resolveDir(slug, slugs, titles));
+ else if (files.has(name))
+ children.push(page(slug, titles.get(slug) ?? humanize(name)));
+ };
+
+ for (const entry of pages) {
+ if (entry === "...") {
+ const remaining = [...folders, ...files]
+ .filter((name) => !referenced.has(name))
+ .sort();
+ for (const name of remaining) emitChild(name);
+ continue;
+ }
+ if (entry === "index") {
+ if (hasOwnIndex)
+ children.push(
+ page(
+ dir,
+ titles.get(dir) ??
+ humanize(dir.split("/").at(-1) || "Introduction"),
+ ),
+ );
+ continue;
+ }
+ const bracket = parseBracket(entry);
+ if (bracket) {
+ const slug = hrefToSlug(bracket.href);
+ const prefix = dir ? `${dir}/` : "";
+ const rest = slug.startsWith(prefix) ? slug.slice(prefix.length) : "";
+ if (rest && !rest.includes("/") && folders.has(rest)) {
+ const folder = resolveDir(slug, slugs, titles);
+ folder.title = bracket.title;
+ children.push(folder);
+ } else if (slugs.has(slug)) {
+ children.push(page(slug, bracket.title));
+ }
+ continue;
+ }
+ emitChild(entry);
+ }
+
+ const name = dir.split("/").at(-1) || "Documentation";
+ return {
+ children,
+ href:
+ hasOwnIndex && !hasExplicitIndex
+ ? `/docs${dir ? `/${dir}` : ""}`
+ : undefined,
+ icon: meta?.icon ? iconRawSvg(meta.icon) : undefined,
+ root: meta?.root,
+ title: meta?.title ?? titles.get(dir) ?? humanize(name),
+ type: "folder",
+ };
+}
+
+function flatten(nodes: DocsNavNode[]): DocsNavPage[] {
+ const items: DocsNavPage[] = [];
+ for (const node of nodes) {
+ if (node.type === "page") items.push(node);
+ else {
+ if (node.href) items.push(page(hrefToSlug(node.href), node.title));
+ items.push(...flatten(node.children));
+ }
+ }
+ return items;
+}
+
+let cached: DocsNav | undefined;
+
+export async function getDocsNav(): Promise {
+ if (cached) return cached;
+
+ const entries = await getCollection("docs");
+ const slugs = new Set(entries.map((entry) => toSlug(entry.id)));
+ const titles = new Map(
+ entries.map((entry) => {
+ const data = entry.data as { sidebarTitle?: string; title?: string };
+ return [
+ toSlug(entry.id),
+ data.sidebarTitle ??
+ data.title ??
+ humanize(entry.id.split("/").at(-1) ?? entry.id),
+ ];
+ }),
+ );
+ const tree = resolveDir("", slugs, titles).children;
+
+ cached = { items: flatten(tree), tree };
+ return cached;
+}
diff --git a/packages/documentation-astro/src/lib/get-blog-posts.ts b/packages/documentation-astro/src/lib/get-blog-posts.ts
new file mode 100644
index 00000000..9ed64a80
--- /dev/null
+++ b/packages/documentation-astro/src/lib/get-blog-posts.ts
@@ -0,0 +1,102 @@
+import { getCollection } from "astro:content";
+
+export interface BlogPost {
+ authors: string[];
+ date: string;
+ description: string;
+ featured: boolean;
+ route: string;
+ slug: string;
+ tags: string[];
+ title: string;
+}
+
+function slug(id: string) {
+ return id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, "");
+}
+
+function dateString(value: unknown) {
+ return value instanceof Date
+ ? value.toISOString().slice(0, 10)
+ : String(value);
+}
+
+/**
+ * Returns a merged feed of blog posts, product updates, and case studies.
+ * Mirrors the old site's behavior where all content types appear in /blog.
+ */
+export async function getBlogPosts(): Promise {
+ const [blogEntries, productUpdateEntries, caseStudyEntries] =
+ await Promise.all([
+ getCollection("blog"),
+ getCollection("productUpdates"),
+ getCollection("caseStudies"),
+ ]);
+
+ const blogPosts = blogEntries.map((entry) => {
+ const data = entry.data as {
+ authors: string | string[];
+ date: Date | string;
+ description?: string;
+ featured?: boolean;
+ tags: string[];
+ title: string;
+ };
+ const authors = Array.isArray(data.authors) ? data.authors : [data.authors];
+
+ return {
+ authors,
+ date: dateString(data.date),
+ description: data.description ?? "",
+ featured: data.featured ?? false,
+ route: `/blog/${slug(entry.id)}`,
+ slug: slug(entry.id),
+ tags: data.tags,
+ title: data.title,
+ };
+ });
+
+ const productUpdatePosts = productUpdateEntries.map((entry) => {
+ const data = entry.data as {
+ authors: (string | { name: string })[];
+ date: Date | string;
+ description: string;
+ title: string;
+ };
+
+ return {
+ authors: data.authors.map((a) => (typeof a === "string" ? a : a.name)),
+ date: dateString(data.date),
+ description: data.description ?? "",
+ featured: false,
+ route: `/product-updates/${slug(entry.id)}`,
+ slug: slug(entry.id),
+ tags: ["Product Update"],
+ title: data.title,
+ };
+ });
+
+ const caseStudyPosts = caseStudyEntries.map((entry) => {
+ const data = entry.data as {
+ authors?: { name: string }[];
+ date: Date | string;
+ excerpt: string;
+ title: string;
+ };
+
+ return {
+ authors: data.authors?.map((a) => a.name) ?? [],
+ date: dateString(data.date),
+ description: data.excerpt ?? "",
+ featured: false,
+ route: `/case-studies/${slug(entry.id)}`,
+ slug: slug(entry.id),
+ tags: ["Case Study"],
+ title: data.title,
+ };
+ });
+
+ return [...blogPosts, ...productUpdatePosts, ...caseStudyPosts].sort((a, b) =>
+ a.date < b.date ? 1 : -1,
+ );
+}
diff --git a/packages/documentation-astro/src/lib/llms.test.ts b/packages/documentation-astro/src/lib/llms.test.ts
new file mode 100644
index 00000000..98008f56
--- /dev/null
+++ b/packages/documentation-astro/src/lib/llms.test.ts
@@ -0,0 +1,42 @@
+import { describe, expect, test } from "bun:test";
+
+import type { DocsEntry } from "./docs-markdown";
+import type { DocsNavNode } from "./docs-nav";
+import { getLlmsText } from "./llms";
+
+describe("getLlmsText", () => {
+ test("generates an ordered index of absolute Markdown links", () => {
+ const entries = [
+ {
+ data: { description: "Gateway documentation", title: "Gateway" },
+ id: "gateway/index",
+ },
+ { data: { title: "Introduction" }, id: "index" },
+ ] as DocsEntry[];
+ const navigation = [
+ { href: "/docs", title: "Introduction", type: "page" },
+ {
+ children: [
+ { href: "/docs/gateway", title: "Getting Started", type: "page" },
+ ],
+ title: "Hive Gateway",
+ type: "folder",
+ },
+ ] satisfies DocsNavNode[];
+
+ const output = getLlmsText(entries, navigation);
+
+ expect(output.startsWith("# Hive Platform\n")).toBe(true);
+ expect(output).toContain("## Introduction\n");
+ expect(output).toContain("## Hive Gateway\n");
+ expect(output).toContain(
+ "- [Introduction](https://the-guild.dev/graphql/hive/docs.md)",
+ );
+ expect(output).toContain(
+ "- [Getting Started](https://the-guild.dev/graphql/hive/docs/gateway.md): Gateway documentation",
+ );
+ expect(output.indexOf("## Introduction")).toBeLessThan(
+ output.indexOf("## Hive Gateway"),
+ );
+ });
+});
diff --git a/packages/documentation-astro/src/lib/llms.ts b/packages/documentation-astro/src/lib/llms.ts
new file mode 100644
index 00000000..9cf37c43
--- /dev/null
+++ b/packages/documentation-astro/src/lib/llms.ts
@@ -0,0 +1,44 @@
+import type { DocsEntry } from "./docs-markdown";
+import { getDocsSlug } from "./docs-markdown";
+import type { DocsNavNode, DocsNavPage } from "./docs-nav";
+
+const SITE_URL = "https://the-guild.dev/graphql/hive";
+
+function flattenPages(node: DocsNavNode): DocsNavPage[] {
+ if (node.type === "page") return [node];
+
+ const ownPage = node.href
+ ? [{ href: node.href, title: node.title, type: "page" as const }]
+ : [];
+ return [...ownPage, ...node.children.flatMap(flattenPages)];
+}
+
+export function getLlmsText(entries: DocsEntry[], navigation: DocsNavNode[]) {
+ const entriesByPath = new Map(
+ entries.map((entry) => [
+ `/docs${getDocsSlug(entry) ? `/${getDocsSlug(entry)}` : ""}`,
+ entry,
+ ]),
+ );
+ const link = (page: DocsNavPage) => {
+ const data = entriesByPath.get(page.href)?.data as
+ | { description?: string }
+ | undefined;
+ const description = data?.description ? `: ${data.description}` : "";
+ return `- [${page.title}](${SITE_URL}${page.href}.md)${description}`;
+ };
+ const sections = navigation.flatMap((node) => [
+ `## ${node.title}`,
+ "",
+ ...flattenPages(node).map(link),
+ "",
+ ]);
+
+ return [
+ "# Hive Platform",
+ "",
+ "> Hive Platform documentation",
+ "",
+ ...sections,
+ ].join("\n");
+}
diff --git a/packages/documentation-astro/src/lib/pretty-print-tag.ts b/packages/documentation-astro/src/lib/pretty-print-tag.ts
new file mode 100644
index 00000000..4001d4d5
--- /dev/null
+++ b/packages/documentation-astro/src/lib/pretty-print-tag.ts
@@ -0,0 +1,19 @@
+export function prettyPrintTag(tag = "All") {
+ let text = tag;
+ if (text === "typescript") {
+ text = "TypeScript";
+ }
+ if (text === "css") {
+ text = "CSS";
+ }
+ if (text === "rest") {
+ text = "REST";
+ }
+ text = text.replace("graphql", "GraphQL");
+ text = text.replace(/-js$/, " JS");
+ text = text[0]!.toUpperCase() + text.slice(1);
+ text = text
+ .replaceAll("-", " ")
+ .replaceAll(/\b\w/g, (char) => char.toUpperCase());
+ return text;
+}
diff --git a/packages/documentation-astro/src/lib/toc.ts b/packages/documentation-astro/src/lib/toc.ts
new file mode 100644
index 00000000..ae3f86af
--- /dev/null
+++ b/packages/documentation-astro/src/lib/toc.ts
@@ -0,0 +1,12 @@
+export interface TocHeading {
+ depth: number;
+ slug: string;
+ text: string;
+ html: string;
+}
+
+export function filterToc(headings: TocHeading[], minDepth = 2, maxDepth = 4) {
+ return headings.filter(
+ (heading) => heading.depth >= minDepth && heading.depth <= maxDepth,
+ );
+}
diff --git a/packages/documentation-astro/src/markdown/rehype-mermaid-config.mjs b/packages/documentation-astro/src/markdown/rehype-mermaid-config.mjs
new file mode 100644
index 00000000..c3e29412
--- /dev/null
+++ b/packages/documentation-astro/src/markdown/rehype-mermaid-config.mjs
@@ -0,0 +1,137 @@
+import rehypeMermaid from "rehype-mermaid";
+
+const themeCSS = `
+ .node rect, .node circle, .node ellipse, .node polygon, .node path {
+ fill: var(--mermaid-node-fill);
+ stroke: var(--mermaid-node-stroke);
+ }
+ .label text, span, .label {
+ fill: var(--mermaid-fg);
+ color: var(--mermaid-fg);
+ }
+ .node circle.state-start {
+ fill: var(--mermaid-fg-dim);
+ }
+ .nodeLabel, .statediagram-note .nodeLabel, .label div .edgeLabel {
+ color: var(--mermaid-fg);
+ }
+ .cluster rect {
+ fill: var(--mermaid-cluster-fill);
+ stroke: var(--mermaid-cluster-stroke);
+ }
+ .cluster text, .cluster span {
+ fill: var(--mermaid-fg-dim);
+ color: var(--mermaid-fg-dim);
+ }
+ .edgeLabel {
+ background-color: var(--mermaid-edge-label-bg);
+ color: var(--mermaid-fg);
+ }
+ .edgeLabel rect {
+ fill: var(--mermaid-edge-label-bg);
+ opacity: 0.85;
+ }
+ .edgeLabel p {
+ background-color: var(--mermaid-edge-label-bg);
+ }
+ .flowchart-link {
+ stroke: var(--mermaid-arrow);
+ }
+ .edgePath .path {
+ stroke: var(--mermaid-arrow);
+ }
+ .marker {
+ stroke: var(--mermaid-arrow);
+ fill: var(--mermaid-arrow);
+ }
+ .arrowheadPath {
+ fill: var(--mermaid-arrow);
+ }
+ .flowchartTitleText {
+ fill: var(--mermaid-fg);
+ }
+ g.stateGroup rect {
+ fill: var(--mermaid-node-fill);
+ stroke: var(--mermaid-node-stroke);
+ }
+ g.stateGroup text {
+ fill: var(--mermaid-fg);
+ }
+ g.stateGroup .state-title {
+ fill: var(--mermaid-fg);
+ }
+ .transition {
+ stroke: var(--mermaid-arrow);
+ }
+ .stateGroup .composit {
+ fill: var(--mermaid-cluster-fill);
+ }
+ defs #statediagram-barbEnd {
+ fill: var(--mermaid-arrow);
+ stroke: var(--mermaid-arrow);
+ }
+ .actor {
+ fill: var(--mermaid-node-fill);
+ stroke: var(--mermaid-node-stroke);
+ }
+ text.actor > tspan {
+ fill: var(--mermaid-fg);
+ }
+ .messageLine0, .messageLine1 {
+ stroke: var(--mermaid-arrow);
+ }
+ defs marker#arrowhead path {
+ fill: var(--mermaid-arrow);
+ stroke: var(--mermaid-arrow);
+ }
+ defs marker#crosshead path {
+ fill: var(--mermaid-arrow);
+ stroke: var(--mermaid-arrow);
+ }
+ .messageText {
+ fill: var(--mermaid-fg);
+ }
+ .labelBox {
+ fill: var(--mermaid-edge-label-bg);
+ stroke: var(--mermaid-node-stroke);
+ }
+ .labelText, .labelText > tspan {
+ fill: var(--mermaid-fg);
+ }
+ .loopText, .loopText > tspan {
+ fill: var(--mermaid-fg);
+ }
+ .loopLine {
+ stroke: var(--mermaid-arrow);
+ }
+ line[id*="actor"] {
+ stroke: var(--mermaid-arrow);
+ }
+ .note {
+ fill: var(--mermaid-note-fill);
+ stroke: var(--mermaid-note-stroke);
+ }
+ .noteText, .noteText > tspan {
+ fill: var(--mermaid-note-fg);
+ }
+ .activation0 {
+ fill: var(--mermaid-cluster-fill);
+ stroke: var(--mermaid-node-stroke);
+ }
+`;
+
+export const mermaidRehypePlugin = [
+ rehypeMermaid,
+ {
+ mermaidConfig: {
+ flowchart: {
+ defaultRenderer: "elk",
+ padding: 6,
+ },
+ fontFamily: "Arial, Helvetica, sans-serif",
+ look: "classic",
+ theme: "neutral",
+ themeCSS,
+ },
+ },
+];
diff --git a/packages/documentation-astro/src/markdown/remark-npm2yarn.mjs b/packages/documentation-astro/src/markdown/remark-npm2yarn.mjs
new file mode 100644
index 00000000..2145ac82
--- /dev/null
+++ b/packages/documentation-astro/src/markdown/remark-npm2yarn.mjs
@@ -0,0 +1,53 @@
+import convert from "npm-to-yarn";
+
+const packageManagers = ["npm", "yarn", "pnpm", "bun"];
+
+export function remarkNpm2Yarn() {
+ return (tree) => {
+ transformChildren(tree);
+ };
+}
+
+function transformChildren(parent) {
+ if (!Array.isArray(parent.children)) return;
+
+ parent.children = parent.children.map((node) => {
+ if (node.type === "code" && hasNpm2YarnMeta(node.meta)) {
+ return createPackageManagerTabs(node);
+ }
+
+ transformChildren(node);
+ return node;
+ });
+}
+
+function hasNpm2YarnMeta(meta) {
+ return typeof meta === "string" && /(?:^|\s)npm2yarn(?:\s|$)/.test(meta);
+}
+
+function createPackageManagerTabs(node) {
+ const meta =
+ node.meta.replace(/(?:^|\s)npm2yarn(?=\s|$)/, " ").trim() || null;
+
+ return {
+ type: "mdxJsxFlowElement",
+ name: "PackageManagerTabs",
+ attributes: [],
+ children: packageManagers.map((manager, index) => ({
+ type: "mdxJsxFlowElement",
+ name: "PackageManagerTab",
+ attributes:
+ index === 0
+ ? []
+ : [{ type: "mdxJsxAttribute", name: "hidden", value: null }],
+ children: [
+ {
+ ...node,
+ lang: node.lang || "sh",
+ meta,
+ value: convert(node.value, manager),
+ },
+ ],
+ })),
+ };
+}
diff --git a/packages/documentation-astro/src/markdown/remark-npm2yarn.test.mjs b/packages/documentation-astro/src/markdown/remark-npm2yarn.test.mjs
new file mode 100644
index 00000000..dfad40ea
--- /dev/null
+++ b/packages/documentation-astro/src/markdown/remark-npm2yarn.test.mjs
@@ -0,0 +1,58 @@
+import { describe, expect, test } from "bun:test";
+
+import { remarkNpm2Yarn } from "./remark-npm2yarn.mjs";
+
+describe("remarkNpm2Yarn", () => {
+ test("converts npm2yarn code blocks into package manager tabs", () => {
+ const tree = {
+ type: "root",
+ children: [
+ {
+ type: "code",
+ lang: "sh",
+ meta: 'npm2yarn title="Install dependencies"',
+ value: "npm install -D typescript",
+ },
+ ],
+ };
+
+ remarkNpm2Yarn()(tree);
+
+ const tabs = tree.children[0];
+ expect(tabs.name).toBe("PackageManagerTabs");
+ expect(tabs.children.map((tab) => tab.children[0].value)).toEqual([
+ "npm install -D typescript",
+ "yarn add --dev typescript",
+ "pnpm add -D typescript",
+ "bun add --dev typescript",
+ ]);
+ expect(tabs.children.every((tab) => tab.name === "PackageManagerTab")).toBe(
+ true,
+ );
+ expect(tabs.children.map((tab) => tab.attributes)).toEqual([
+ [],
+ [{ type: "mdxJsxAttribute", name: "hidden", value: null }],
+ [{ type: "mdxJsxAttribute", name: "hidden", value: null }],
+ [{ type: "mdxJsxAttribute", name: "hidden", value: null }],
+ ]);
+ expect(
+ tabs.children.every(
+ (tab) => tab.children[0].meta === 'title="Install dependencies"',
+ ),
+ ).toBe(true);
+ });
+
+ test("leaves regular code blocks unchanged", () => {
+ const code = {
+ type: "code",
+ lang: "sh",
+ meta: 'title="Install dependencies"',
+ value: "npm install typescript",
+ };
+ const tree = { type: "root", children: [code] };
+
+ remarkNpm2Yarn()(tree);
+
+ expect(tree.children[0]).toBe(code);
+ });
+});
diff --git a/packages/documentation-astro/src/markdown/remark-relative-links.mjs b/packages/documentation-astro/src/markdown/remark-relative-links.mjs
new file mode 100644
index 00000000..a0b22e3e
--- /dev/null
+++ b/packages/documentation-astro/src/markdown/remark-relative-links.mjs
@@ -0,0 +1,63 @@
+import { existsSync } from "node:fs";
+import { dirname, relative, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const docsDirectory = fileURLToPath(
+ new URL("../../../documentation/content/docs", import.meta.url),
+);
+const productUpdatesDirectory = fileURLToPath(
+ new URL("../../../documentation/content/product-updates", import.meta.url),
+);
+const caseStudiesDirectory = fileURLToPath(
+ new URL("../../../documentation/content/case-studies", import.meta.url),
+);
+
+export function remarkRelativeLinks() {
+ return (tree, file) => {
+ const filePath = file.path ?? file.history?.[0];
+ if (!filePath) return;
+ const collection = filePath.startsWith(productUpdatesDirectory)
+ ? { base: "/product-updates", directory: productUpdatesDirectory }
+ : filePath.startsWith(caseStudiesDirectory)
+ ? { base: "/case-studies", directory: caseStudiesDirectory }
+ : { base: "/docs", directory: docsDirectory };
+
+ visit(tree, (node) => {
+ if (
+ node.type !== "link" ||
+ (!node.url?.startsWith("./") && !node.url?.startsWith("../"))
+ ) {
+ return;
+ }
+
+ const [rawPath, hash] = node.url.split("#");
+ const pathWithoutExtension = rawPath.replace(/\.mdx?$/, "");
+ const resolved =
+ resolveDocument(dirname(filePath), pathWithoutExtension) ??
+ resolveDocument(collection.directory, pathWithoutExtension);
+ if (!resolved) return;
+
+ const path = relative(collection.directory, resolved)
+ .replace(/\.mdx?$/, "")
+ .replace(/(^|\/)index$/, "");
+ node.url = `${collection.base}${path ? `/${path}` : ""}${hash ? `#${hash}` : ""}`;
+ });
+ };
+}
+
+function resolveDocument(directory, path) {
+ for (const candidate of [
+ `${path}.mdx`,
+ `${path}.md`,
+ `${path}/index.mdx`,
+ `${path}/index.md`,
+ ]) {
+ const filePath = resolve(directory, candidate);
+ if (existsSync(filePath)) return filePath;
+ }
+}
+
+function visit(node, callback) {
+ callback(node);
+ node.children?.forEach((child) => visit(child, callback));
+}
diff --git a/packages/documentation-astro/src/mdx-shims/arrow-icon.ts b/packages/documentation-astro/src/mdx-shims/arrow-icon.ts
new file mode 100644
index 00000000..f9402423
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/arrow-icon.ts
@@ -0,0 +1 @@
+export { default as ArrowIcon } from "../components/mdx/ArrowIcon.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/call-to-action.ts b/packages/documentation-astro/src/mdx-shims/call-to-action.ts
new file mode 100644
index 00000000..b9f62928
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/call-to-action.ts
@@ -0,0 +1 @@
+export { default as CallToAction } from "../components/mdx/CallToAction.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/callout.ts b/packages/documentation-astro/src/mdx-shims/callout.ts
new file mode 100644
index 00000000..9bebb02c
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/callout.ts
@@ -0,0 +1 @@
+export { default as Callout } from "../components/mdx/Callout.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/card.ts b/packages/documentation-astro/src/mdx-shims/card.ts
new file mode 100644
index 00000000..1531a139
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/card.ts
@@ -0,0 +1,2 @@
+export { default as Card } from "../components/mdx/Card.astro";
+export { default as Cards } from "../components/mdx/Cards.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/changelog-toc.ts b/packages/documentation-astro/src/mdx-shims/changelog-toc.ts
new file mode 100644
index 00000000..196e6032
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/changelog-toc.ts
@@ -0,0 +1 @@
+export const deploymentChangelogToc = [];
diff --git a/packages/documentation-astro/src/mdx-shims/changelog.ts b/packages/documentation-astro/src/mdx-shims/changelog.ts
new file mode 100644
index 00000000..94c2ebf1
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/changelog.ts
@@ -0,0 +1 @@
+export { default as DeploymentChangelog } from "../components/mdx/DeploymentChangelog.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/cli-errors.ts b/packages/documentation-astro/src/mdx-shims/cli-errors.ts
new file mode 100644
index 00000000..c5a716d7
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/cli-errors.ts
@@ -0,0 +1 @@
+export { default as CLIErrorsSection } from "../components/mdx/CLIErrorsSection.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/code-sandbox.ts b/packages/documentation-astro/src/mdx-shims/code-sandbox.ts
new file mode 100644
index 00000000..a7d2a564
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/code-sandbox.ts
@@ -0,0 +1 @@
+export { default as CodeSandbox } from "../components/mdx/CodeSandbox.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/comparison.ts b/packages/documentation-astro/src/mdx-shims/comparison.ts
new file mode 100644
index 00000000..13e0c951
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/comparison.ts
@@ -0,0 +1 @@
+export { default as Comparison } from "../components/mdx/Comparison.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/contact-us.ts b/packages/documentation-astro/src/mdx-shims/contact-us.ts
new file mode 100644
index 00000000..717856c9
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/contact-us.ts
@@ -0,0 +1,2 @@
+export { default as ContactButton } from "../components/mdx/ContactButton.astro";
+export { default as ContactTextLink } from "../components/mdx/ContactTextLink.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/files.ts b/packages/documentation-astro/src/mdx-shims/files.ts
new file mode 100644
index 00000000..c46a6e23
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/files.ts
@@ -0,0 +1,3 @@
+export { default as File } from "../components/mdx/File.astro";
+export { default as Files } from "../components/mdx/Files.astro";
+export { default as Folder } from "../components/mdx/Folder.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/image.ts b/packages/documentation-astro/src/mdx-shims/image.ts
new file mode 100644
index 00000000..474e15cf
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/image.ts
@@ -0,0 +1 @@
+export { default as Image } from "../components/mdx/Image.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/large-callout.ts b/packages/documentation-astro/src/mdx-shims/large-callout.ts
new file mode 100644
index 00000000..67ec735e
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/large-callout.ts
@@ -0,0 +1,2 @@
+export { default as DocsIcon } from "../components/mdx/DocsIcon.astro";
+export { default as LargeCallout } from "../components/mdx/LargeCallout.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/lede.ts b/packages/documentation-astro/src/mdx-shims/lede.ts
new file mode 100644
index 00000000..0d28297e
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/lede.ts
@@ -0,0 +1 @@
+export { default as Lede } from "../components/mdx/Lede.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/link-card.ts b/packages/documentation-astro/src/mdx-shims/link-card.ts
new file mode 100644
index 00000000..a8259b23
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/link-card.ts
@@ -0,0 +1 @@
+export { default as LinkCard } from "../components/mdx/LinkCard.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/metrics-section.ts b/packages/documentation-astro/src/mdx-shims/metrics-section.ts
new file mode 100644
index 00000000..2ea80b80
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/metrics-section.ts
@@ -0,0 +1 @@
+export { default as MetricsSection } from "../components/mdx/MetricsSection.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/screenshot.ts b/packages/documentation-astro/src/mdx-shims/screenshot.ts
new file mode 100644
index 00000000..8ef5a4ec
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/screenshot.ts
@@ -0,0 +1 @@
+export { default as Screenshot } from "../components/mdx/Screenshot.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/small-avatar.ts b/packages/documentation-astro/src/mdx-shims/small-avatar.ts
new file mode 100644
index 00000000..73aeadd0
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/small-avatar.ts
@@ -0,0 +1 @@
+export { default as SmallAvatar } from "../components/mdx/SmallAvatar.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/stack-blitz.ts b/packages/documentation-astro/src/mdx-shims/stack-blitz.ts
new file mode 100644
index 00000000..c158d14c
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/stack-blitz.ts
@@ -0,0 +1 @@
+export { default as StackBlitz } from "../components/mdx/StackBlitz.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/steps.ts b/packages/documentation-astro/src/mdx-shims/steps.ts
new file mode 100644
index 00000000..4fa96d79
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/steps.ts
@@ -0,0 +1,2 @@
+export { default as Step } from "../components/mdx/Step.astro";
+export { default as Steps } from "../components/mdx/Steps.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/tabs.ts b/packages/documentation-astro/src/mdx-shims/tabs.ts
new file mode 100644
index 00000000..00df2c51
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/tabs.ts
@@ -0,0 +1,4 @@
+import Tab from "../components/mdx/Tab.astro";
+import TabsRoot from "../components/mdx/Tabs.astro";
+
+export const Tabs = Object.assign(TabsRoot, { Tab });
diff --git a/packages/documentation-astro/src/mdx-shims/video.ts b/packages/documentation-astro/src/mdx-shims/video.ts
new file mode 100644
index 00000000..1998486c
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/video.ts
@@ -0,0 +1 @@
+export { default as MdxVideo } from "../components/mdx/MdxVideo.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/welcome-hive-router-components.ts b/packages/documentation-astro/src/mdx-shims/welcome-hive-router-components.ts
new file mode 100644
index 00000000..14759a82
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/welcome-hive-router-components.ts
@@ -0,0 +1,5 @@
+export { default as AuditResultsTable } from "../components/blog/welcome-hive-router/AuditResultsTable.astro";
+export { default as BenchmarkResultsTable } from "../components/blog/welcome-hive-router/BenchmarkResultsTable.astro";
+export { default as Highlights } from "../components/blog/welcome-hive-router/Highlights.astro";
+export { default as LatencyBands } from "../components/blog/welcome-hive-router/LatencyBands.astro";
+export { default as RPSRace } from "../components/blog/welcome-hive-router/RPSRace.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/welcome-hive-router-zero-copy-json.ts b/packages/documentation-astro/src/mdx-shims/welcome-hive-router-zero-copy-json.ts
new file mode 100644
index 00000000..fb148361
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/welcome-hive-router-zero-copy-json.ts
@@ -0,0 +1 @@
+export { default as ZeroCopyBlocks } from "../components/blog/welcome-hive-router/ZeroCopyBlocks.astro";
diff --git a/packages/documentation-astro/src/mdx-shims/youtube-iframe.ts b/packages/documentation-astro/src/mdx-shims/youtube-iframe.ts
new file mode 100644
index 00000000..5db6cd8f
--- /dev/null
+++ b/packages/documentation-astro/src/mdx-shims/youtube-iframe.ts
@@ -0,0 +1 @@
+export { default as YoutubeIframe } from "../components/mdx/YoutubeIframe.astro";
diff --git a/packages/documentation-astro/src/pages/blog/[...slug].astro b/packages/documentation-astro/src/pages/blog/[...slug].astro
new file mode 100644
index 00000000..616d3a5a
--- /dev/null
+++ b/packages/documentation-astro/src/pages/blog/[...slug].astro
@@ -0,0 +1,88 @@
+---
+import { getCollection, render, type CollectionEntry } from "astro:content";
+
+import CodeBlock from "../../components/mdx/CodeBlock.astro";
+import Link from "../../components/mdx/Link.astro";
+import PackageManagerTabs from "../../components/mdx/PackageManagerTabs.astro";
+import PackageManagerTab from "../../components/mdx/Tab.astro";
+import BlogPostLayout from "../../layouts/BlogPostLayout.astro";
+import { getBlogPosts } from "../../lib/get-blog-posts";
+import { getHeadingHtmlBySlug } from "../../lib/docs-markdown";
+
+type Blog = CollectionEntry<"blog">;
+
+const headerImages = import.meta.glob<{ default: { src: string } }>(
+ "../../../../documentation/content/blog/**/header-image.*",
+ { eager: true },
+);
+const mobileImages = import.meta.glob<{ default: { src: string } }>(
+ "../../../../documentation/content/blog/**/mobile-image.*",
+ { eager: true },
+);
+const socialImages = import.meta.glob<{ default: { src: string } }>(
+ "../../../../documentation/content/blog/**/opengraph-image.*",
+ { eager: true },
+);
+
+export async function getStaticPaths() {
+ const entries = await getCollection("blog");
+
+ return entries.map((entry) => ({
+ params: {
+ slug: entry.id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, ""),
+ },
+ props: { entry },
+ }));
+}
+
+function slug(id: string) {
+ return id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, "");
+}
+
+function findAsset(map: Record, entrySlug: string) {
+ const match = Object.entries(map).find(([file]) => file.includes(`/${entrySlug}/`));
+ return match?.[1]?.default?.src;
+}
+
+const { entry } = Astro.props as { entry: Blog };
+const { Content, headings: renderedHeadings } = await render(entry);
+const headingHtmlBySlug = getHeadingHtmlBySlug(entry.body ?? "", renderedHeadings);
+const headings = renderedHeadings.map((heading) => ({
+ ...heading,
+ html: headingHtmlBySlug.get(heading.slug) ?? heading.text,
+}));
+const data = entry.data as {
+ authors: string | string[];
+ canonical?: string;
+ date: Date | string;
+ description?: string;
+ ogImage?: string;
+ tags: string[];
+ title: string;
+};
+
+const entrySlug = slug(entry.id);
+const authors = Array.isArray(data.authors) ? data.authors : [data.authors];
+const date =
+ data.date instanceof Date ? data.date.toISOString().slice(0, 10) : String(data.date);
+
+const allPosts = await getBlogPosts();
+const headerImage = findAsset(headerImages, entrySlug);
+const socialImage = data.ogImage ?? findAsset(socialImages, entrySlug) ?? headerImage;
+---
+
+
+
diff --git a/packages/documentation-astro/src/pages/blog/feed.xml.ts b/packages/documentation-astro/src/pages/blog/feed.xml.ts
new file mode 100644
index 00000000..892bfe57
--- /dev/null
+++ b/packages/documentation-astro/src/pages/blog/feed.xml.ts
@@ -0,0 +1,64 @@
+import type { APIRoute } from "astro";
+
+import { resolveAuthor } from "../../lib/authors";
+import { getBlogPosts } from "../../lib/get-blog-posts";
+
+const SITE_URL = "https://the-guild.dev/graphql/hive";
+
+function escapeXml(value: string) {
+ return value.replace(/[&<>'"]/g, (char) => {
+ switch (char) {
+ case "&":
+ return "&";
+ case "<":
+ return "<";
+ case ">":
+ return ">";
+ case "'":
+ return "'";
+ default:
+ return """;
+ }
+ });
+}
+
+export const GET: APIRoute = async () => {
+ const posts = await getBlogPosts();
+ if (posts.length === 0) throw new Error("No blog posts found for RSS feed");
+
+ const items = posts
+ .map((post) => {
+ const firstAuthor = post.authors[0];
+ const author = firstAuthor ? resolveAuthor(firstAuthor).name : undefined;
+ const url = `${SITE_URL}${post.route}`;
+
+ return ` -
+
${escapeXml(post.title)}
+ ${escapeXml(post.description)}
+ ${escapeXml(url)}
+ ${escapeXml(url)}
+ ${new Date(post.date).toUTCString()}
+ ${post.tags.map((tag) => `${escapeXml(tag)} `).join("\n ")}
+ ${author ? `${escapeXml(author)} ` : ""}
+ `;
+ })
+ .join("\n");
+
+ const xml = `
+
+
+ Hive Blog
+ ${SITE_URL}/blog
+ Hive Blog
+ en
+ ${new Date(posts[0]!.date).toUTCString()}
+
+
+`;
+
+ return new Response(xml, {
+ headers: { "Content-Type": "application/rss+xml; charset=utf-8" },
+ });
+};
diff --git a/packages/documentation-astro/src/pages/blog/index.astro b/packages/documentation-astro/src/pages/blog/index.astro
new file mode 100644
index 00000000..8543a60d
--- /dev/null
+++ b/packages/documentation-astro/src/pages/blog/index.astro
@@ -0,0 +1,14 @@
+---
+import NewsletterFormCard from "../../components/blog/NewsletterFormCard.astro";
+import PostsByTag from "../../components/blog/PostsByTag.astro";
+import BlogPageLayout from "../../layouts/BlogPageLayout.astro";
+import { getBlogPosts } from "../../lib/get-blog-posts";
+
+const posts = await getBlogPosts();
+---
+
+
+
+
+
diff --git a/packages/documentation-astro/src/pages/blog/tag/[...tag].astro b/packages/documentation-astro/src/pages/blog/tag/[...tag].astro
new file mode 100644
index 00000000..adc426f2
--- /dev/null
+++ b/packages/documentation-astro/src/pages/blog/tag/[...tag].astro
@@ -0,0 +1,23 @@
+---
+import PostsByTag from "../../../components/blog/PostsByTag.astro";
+import BlogPageLayout from "../../../layouts/BlogPageLayout.astro";
+import { getBlogPosts } from "../../../lib/get-blog-posts";
+
+export async function getStaticPaths() {
+ const posts = await getBlogPosts();
+ const tags = new Set();
+ for (const post of posts) {
+ for (const tag of post.tags) tags.add(tag);
+ }
+
+ return [...tags].map((tag) => ({ params: { tag } }));
+}
+
+const { tag } = Astro.params;
+const allPosts = await getBlogPosts();
+const posts = allPosts.filter((post) => post.tags.includes(tag!));
+---
+
+
+
diff --git a/packages/documentation-astro/src/pages/case-studies/[...slug].astro b/packages/documentation-astro/src/pages/case-studies/[...slug].astro
new file mode 100644
index 00000000..57eae4ab
--- /dev/null
+++ b/packages/documentation-astro/src/pages/case-studies/[...slug].astro
@@ -0,0 +1,70 @@
+---
+import { getCollection, render, type CollectionEntry } from "astro:content";
+
+import CodeBlock from "../../components/mdx/CodeBlock.astro";
+import PackageManagerTabs from "../../components/mdx/PackageManagerTabs.astro";
+import PackageManagerTab from "../../components/mdx/Tab.astro";
+import CaseStudyLayout from "../../layouts/CaseStudyLayout.astro";
+
+type CaseStudy = CollectionEntry<"caseStudies">;
+
+export async function getStaticPaths() {
+ const entries = await getCollection("caseStudies");
+
+ return entries.map((entry) => ({
+ params: {
+ slug: entry.id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, ""),
+ },
+ props: { entry },
+ }));
+}
+
+function slug(id: string) {
+ return id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, "");
+}
+
+const { entry } = Astro.props as { entry: CaseStudy };
+const { Content } = await render(entry);
+const data = entry.data as {
+ authors?: { avatar?: string; name: string; position?: string }[];
+ canonical?: string;
+ category: string;
+ date: Date | string;
+ excerpt: string;
+ title: string;
+};
+const otherStories = (await getCollection("caseStudies"))
+ .filter((item) => item.id !== entry.id)
+ .map((item) => {
+ const story = item.data as {
+ category: string;
+ date: Date | string;
+ excerpt: string;
+ title: string;
+ };
+ const date =
+ story.date instanceof Date ? story.date.toISOString() : String(story.date);
+
+ return {
+ category: story.category,
+ date,
+ excerpt: story.excerpt,
+ href: `/case-studies/${slug(item.id)}`,
+ slug: slug(item.id),
+ title: story.title,
+ };
+ })
+ .sort((a, b) => b.date.localeCompare(a.date) || a.title.localeCompare(b.title))
+ .slice(0, 3);
+---
+
+
+
diff --git a/packages/documentation-astro/src/pages/case-studies/index.astro b/packages/documentation-astro/src/pages/case-studies/index.astro
new file mode 100644
index 00000000..1e643f8f
--- /dev/null
+++ b/packages/documentation-astro/src/pages/case-studies/index.astro
@@ -0,0 +1,125 @@
+---
+import { getCollection } from "astro:content";
+
+import CaseStudyCard from "../../components/case-studies/CaseStudyCard.astro";
+import CaseStudyCta from "../../components/case-studies/CaseStudyCta.astro";
+import SiteFooter from "../../components/SiteFooter.astro";
+import SiteNavigation from "../../components/SiteNavigation.astro";
+import SocialMetadata from "../../components/SocialMetadata.astro";
+import "../../styles/global.css";
+
+const caseStudies = (await getCollection("caseStudies"))
+ .map((entry) => {
+ const data = entry.data as {
+ category: string;
+ date: Date | string;
+ excerpt: string;
+ };
+ const date =
+ data.date instanceof Date
+ ? data.date.toISOString().slice(0, 10)
+ : String(data.date);
+
+ return {
+ category: data.category,
+ date,
+ excerpt: data.excerpt,
+ href: `/case-studies/${entry.id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, "")}`,
+ slug: entry.id.replace(/\/index$/, "").replace(/\.(md|mdx)$/, ""),
+ };
+ })
+ .sort((a, b) => (a.date < b.date ? 1 : -1));
+---
+
+
+
+
+
+
+
+
+ Best teams. Hive‑powered.
+
+
+ See the results our Customers achieved by switching to Hive.
+
+
+
+
+
+
+
+
+
+
+
+ Explore customer stories
+
+
+ {
+ caseStudies.map((story) => (
+ -
+
+ ))
+ }
+
+
+
+
+
diff --git a/packages/documentation-astro/src/pages/docs/[...slug].md.ts b/packages/documentation-astro/src/pages/docs/[...slug].md.ts
new file mode 100644
index 00000000..31e6d93a
--- /dev/null
+++ b/packages/documentation-astro/src/pages/docs/[...slug].md.ts
@@ -0,0 +1,20 @@
+import { getCollection, type CollectionEntry } from "astro:content";
+
+import { getDocsSlug, markdownResponse } from "../../lib/docs-markdown";
+
+type DocsEntry = CollectionEntry<"docs">;
+
+export const prerender = true;
+
+export async function getStaticPaths() {
+ const entries = await getCollection("docs");
+
+ return entries.flatMap((entry) => {
+ const slug = getDocsSlug(entry);
+ return slug ? [{ params: { slug }, props: { entry } }] : [];
+ });
+}
+
+export function GET({ props }: { props: { entry: DocsEntry } }) {
+ return markdownResponse(props.entry);
+}
diff --git a/packages/documentation-astro/src/pages/ecosystem.astro b/packages/documentation-astro/src/pages/ecosystem.astro
new file mode 100644
index 00000000..06d62740
--- /dev/null
+++ b/packages/documentation-astro/src/pages/ecosystem.astro
@@ -0,0 +1,293 @@
+---
+import GotAnIdeaSection from "../components/ecosystem/GotAnIdeaSection.astro";
+import ProductCard from "../components/ecosystem/ProductCard.astro";
+import SiteFooter from "../components/SiteFooter.astro";
+import SiteNavigation from "../components/SiteNavigation.astro";
+import SocialMetadata from "../components/SocialMetadata.astro";
+import "../styles/global.css";
+
+const lettermark = (mark: string) =>
+ `${mark}`;
+
+const sections: {
+ description: string;
+ id: string;
+ products: {
+ decoration?: string;
+ href: string;
+ icon: string;
+ isHive?: boolean;
+ name: string;
+ title?: string;
+ variant: "ancillary" | "main";
+ }[];
+ title: string;
+}[] = [
+ {
+ description:
+ "Our tools help you track changes, prevent breaking changes, and ensure backward compatibility as your schema evolves. Through continuous monitoring and validation, you can confidently make schema changes while maintaining API stability for your consumers.",
+ id: "schema-evolution",
+ products: [
+ {
+ decoration: ``,
+ href: "https://the-guild.dev/graphql/hive",
+ icon: ``,
+ isHive: true,
+ name: "Hive",
+ variant: "main",
+ },
+ {
+ href: "https://the-guild.dev/graphql/inspector",
+ icon: lettermark("INS"),
+ name: "Inspector",
+ title: "Schema management tool",
+ variant: "ancillary",
+ },
+ {
+ href: "https://the-guild.dev/graphql/tools",
+ icon: lettermark("TLS"),
+ name: "Tools",
+ title: "A set of utilities for faster GraphQL development",
+ variant: "ancillary",
+ },
+ ],
+ title: "Schema Evolution",
+ },
+ {
+ description:
+ "Hive Gateway is a fully open-source, MIT-licensed GraphQL router that can act as a GraphQL Federation gateway, a subgraph or a proxy gateway for any GraphQL API service.",
+ id: "gateway",
+ products: [
+ {
+ decoration: ``,
+ href: "https://the-guild.dev/graphql/hive/gateway",
+ icon: ``,
+ name: "Hive Gateway",
+ variant: "main",
+ },
+ {
+ decoration: ``,
+ href: "https://github.com/graphql-hive/router",
+ icon: ``,
+ name: "Hive Router",
+ variant: "main",
+ },
+ ],
+ title: "Gateway",
+ },
+ {
+ description:
+ "Our schema tools empower you to build and manage GraphQL schemas with confidence and flexibility. Whether you're building a new schema from scratch or integrating existing ones, our suite of libraries provides the foundation for robust and maintainable GraphQL APIs.",
+ id: "subgraph-schema",
+ products: [
+ {
+ decoration: ``,
+ href: "https://the-guild.dev/graphql/yoga-server",
+ icon: ``,
+ name: "Yoga",
+ variant: "main",
+ },
+ {
+ decoration: ``,
+ href: "https://the-guild.dev/graphql/mesh",
+ icon: ``,
+ name: "Mesh",
+ variant: "main",
+ },
+ {
+ href: "https://the-guild.dev/graphql/sofa-api",
+ icon: lettermark("SOF"),
+ name: "SOFA",
+ title: "Generate RESTful APIs from your GraphQL server",
+ variant: "ancillary",
+ },
+ {
+ href: "https://the-guild.dev/graphql/envelop",
+ icon: lettermark("ENV"),
+ name: "Envelop",
+ title:
+ "Develop and share plugins that are usable with any GraphQL server framework or schema",
+ variant: "ancillary",
+ },
+ ],
+ title: "Subgraph / Schema",
+ },
+ {
+ description:
+ "Enhance your development workflow with tools that streamline GraphQL development, from code generation to documentation and linting.",
+ id: "developer-experience",
+ products: [
+ {
+ href: "https://the-guild.dev/graphql/codegen",
+ icon: ``,
+ name: "Codegen",
+ title:
+ "Generation of typed queries, mutations, subscriptions and typed GraphQL resolvers",
+ variant: "ancillary",
+ },
+ {
+ href: "https://the-guild.dev/graphql/eslint",
+ icon: lettermark("ESL"),
+ name: "GraphQL ESLint",
+ title: "Customizable ESLint parser, plugin, and rule set for GraphQL",
+ variant: "ancillary",
+ },
+ {
+ href: "https://nextra.site",
+ icon: ``,
+ name: "Nextra",
+ title:
+ "Simple, powerful and flexible site generation framework with everything you love from Next.js",
+ variant: "ancillary",
+ },
+ ],
+ title: "Developer Experience",
+ },
+ {
+ description:
+ "Reduce Cloud costs, handle traffic spikes, boost performance, get detailed observability, and secure your API.",
+ id: "security",
+ products: [
+ {
+ href: "https://stellate.co",
+ icon: ``,
+ name: "Stellate",
+ title:
+ "The GraphQL Edge Platform for security, caching, and observability",
+ variant: "ancillary",
+ },
+ ],
+ title: "Security",
+ },
+];
+---
+
+
+
+
+
+
+
+
+ The Ecosystem
+
+ Everything you need to scale your API infrastructure
+
+
+ Enhance your GraphQL experience with advanced, modular solutions that can be adopted gradually as
+ individual open source libraries or as a complete unified API platform.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ sections.map((section) => (
+ <>
+
+ {section.title}
+
+ {section.description}
+
+ {section.products.map((product) => (
+
+
+ ))
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GraphQL Federation
+
+
+ Learn what GraphQL Federation is and how to combine multiple GraphQL APIs called subgraphs into one unified API (supergraph), and serve data from a single endpoint using a GraphQL gateway.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ What is GraphQL Federation?
+
+ As GraphQL APIs grow, they become harder to maintain. Teams step on each other's toes, deployments get risky, and making changes becomes slow.
+ GraphQL federation solves these issues by letting you break down your monolithic GraphQL API into smaller parts, called subgraphs. Each team can work on their domain independently and deploy at their own pace.
+ Thanks to the process called schema composition, the integrity of those subgraphs is validated and their schemas are combined into one unified schema, the supergraph.
+ GraphQL clients interact with a single http endpoint served by GraphQL gateway (often called GraphQL router) that resolves data of your federated API.
+
+
+
+ 
+
+
+
+
+
+
+
+ Why GraphQL Federation?
+
+ Federated architecture is a powerful, yet advanced concept.
While it introduces additional complexity, the benefits make it a compelling choice for growing organizations.
+
+
+ -
+
+
Domain-Driven Design
+
+ GraphQL federation is perfect for domain-driven design or when you want to write GraphQL APIS in different languages. It allows teams to contribute data from their isolated GraphQL APIs (subgraphs) to the shared space called Supergraph.
+ This way, each team can focus on their domain and iterate faster, without being blocked by other teams.
+
+
+ -
+
+
Scalability
+
+ Subgraphs can be scaled independently based on their specific requirements, and deployed on their own schedule.
+ Different parts of the API can evolve at different paces, and making changes in the GraphQL schema no longer requires coordination between teams.
+
+
+ -
+
+
Unified API
+
+ Clients interact with a single endpoint, served by a GraphQL Gateway (sometimes called Router).
+ The complexity of distributed systems is hidden from the client, and the gateway ensures that every query reaches its destination.
+
+
+
+
+
+
+
+
+ How GraphQL Federation Works?
+
+ GraphQL Federation creates a unified API thanks to three key components: subgraphs (individual service APIs), a composition layer that validates and combines schemas, and a gateway that routes client requests across the distributed system.
+
+
+
+
+
+
+ Subgraphs
+
+ GraphQL federation revolutionizes API development through subgraphs - standalone GraphQL APIs that form its foundation. In a GraphQL federation architecture, each subgraph can be developed in any language or framework and deployed independently from other components, making it a powerful choice for modern applications.
+ Defining Subgraph Schemas
+ GraphQL federation enables subgraphs to contribute fields to shared types through the @key directive.
+ In the presented example, both subgraphs define the Product type with a shared id field marked by @key(fields: "id"). The "products" subgraph does not own the Product type, it contributes the name and price fields. Meanwhile, the "reviews" subgraph extends this type by contributing the reviews field.
+ This powerful feature allows teams to evolve their portions of the schema independently while maintaining a cohesive API. When a client queries for aProduct.reviews, the federation layer automatically combines data from both subgraphs using the id as the joining key.
+ Comparing Federation to Monolithic GraphQL API
+ Unlike traditional monolithic GraphQL APIs where teams are constrained to a single codebase, language, and tech stack, GraphQL federation offers flexibility. While monolithic approaches do provide benefits through shared knowledge and easier team collaboration, they come with significant limitations that GraphQL federation specifically addresses.
+ The challenges of monolithic GraphQL APIs include slower development cycles due to deployment queues, and reduced reliability where a single change can impact the performance or stability of the entire API. GraphQL federation transforms these pain points by introducing a more modular approach where each team gains control over their portion of the API.
+ Key advantages of GraphQL federation include:
+
+ - Teams maintain complete control over their specific GraphQL API domains
+ - Teams choose their preferred development stack
+ - Each subgraph can be updated on its own schedule
+ - Resources can be allocated precisely where needed
+
+ By implementing GraphQL federation, organizations can break free from monolithic constraints while maintaining the benefits of a unified GraphQL API.
+
+
+
+ How to publish subgraphs
+
+
+
+
+
+
+ 
+ The Products subgraph written in Go language, allows to query for products and their details like name and price.
+
+
+ 
+ The Reviews subgraph written in a Java, contributes reviews to the Product type (thanks to the @key directive), making it possible to query for products and their reviews.
+
+
+
+
+
+
+
+
+ Schema Composition and Registry
+
+ Schema composition is the pillar of GraphQL federation, enabling you to build a unified API across multiple services. It merges subgraph schemas into a single schema, called the supergraph schema.
+ The Supergraph represents the complete, combined graph of all your subgraphs. It acts as a blueprint of your entire federated GraphQL API, showing how different subgraphs connect and interact. Think of the supergraph as your GraphQL API's source of truth - it defines all available types, fields, and their relationships.
+ What makes GraphQL federation unique is its comprehensive schema validation. The composition process analyzes every subgraph schema, verifying that all types and fields work seamlessly together. This deep analysis enables GraphQL federation to catch potential issues before they reach production, setting it apart from alternatives like Schema Stitching.
+ During composition in GraphQL federation, the Schema Registry validates all possible operations - queries, mutations, and subscriptions - to ensure the GraphQL gateway can properly resolve them. This proactive validation is crucial for preventing runtime errors.
+ The Schema Registry plays a vital role in GraphQL federation's workflow. As a centralized repository, it manages subgraph registration, schema validation, and supergraph composition. When implementing GraphQL federation, the Schema Registry becomes an essential tool for maintaining your distributed GraphQL architecture and ensuring successful composition across all subgraphs.
+
+
+
+ How to use Schema Registry
+
+
+
+
+
+ 
+ The public GraphQL schema that clients interact with is a combination of subgraph schemas.
+
+
+
+
+
+
+
+ GraphQL Gateway (Router)
+
+ The core promise of GraphQL federation is to have a unified API and serve data from a single endpoint. GraphQL gateway, also known as a GraphQL router, enables that.
+ In a federated GraphQL setup, the gateway uses a supergraph schema to retrieve information about the type and field definitions, as well as the subgraphs that resolve them.
+ Query Planning
+ The process of resolving GraphQL requests by the gateway is called query planning.
+ When the gateway receives a request, it:
+
+ - Analyzes the incoming GraphQL query
+ - Determines which subgraphs are responsible for different fields
+ - Orchestrates parallel requests to relevant subgraphs
+ - Aggregates returned data into a single response
+
+ Essential Features of a Federation Gateway
+ GraphQL gateway is a critical part of your federated GraphQL setup as it's the entry point for all your GraphQL clients. It has to be fast, reliable and secure.
+ A production-ready GraphQL gateway should offer features like authentication with JSON Web Tokens (JWT), role-based access control (RBAC), and a good observability story. It should be able to handle a large amount of requests.
+ The Guild maintains a reproducible performance benchmark of leading GraphQL gateways- covering throughput (RPS), latency (p95/p99.9), CPU, memory and resilience to failures.
See results and methodology.
+ Specification Compliance
+ A critical yet often overlooked aspect of the GraphQL gateway is its correctness and compliance with the Apollo Federation specification. The Federation's effectiveness depends on the gateway's ability to correctly resolve queries, mutations and subscriptions.
+ When choosing a federation gateway, verify its compliance with the Apollo Federation specification. This will help you prevent unexpected runtime behavior and data resolution failures.
+ At The Guild, we maintain an open-source Federation Testing Suite to verify the gateway's specification compliance. This test suite helps ensure your gateway correctly implements federation features beyond basic directive support.
+
+
+
+ How to use a GraphQL Gateway
+
+
+
+
+
+
+ 
+ The gateway resolves the query by sending parts of it to the right subgraphs.
+
+
+ 
+ Client receives the data from the gateway in a single response.
+
+
+
+
+
+
+
+
+
+ Why Choose Hive for GraphQL Federation?
+
+ -
+
+
Complete Federation Stack
+
+
+ - Gateway — efficiently serve data from your federated graph.
+ - Schema Registry — ensure consistency and compatibility across your federated graph.
+ - Observability — monitor supergraph performance and schema usage.
+
+
+
+ -
+
+
True Open Source
+
+
+ - No Vendor Lock-in — Every component works independently with other vendors (including Apollo GraphOS).
+ - MIT License — All components are available under the permissive MIT license.
+ - Full Control — Self-host any component or use our cloud offering.
+
+
+
+ -
+
+
Enterprise Tooling for GraphQL
+
+
+ - Single Sign-On — Integrated with popular providers like Okta, to enable OpenID Connect login for maximum security.
+ - Security and Compliance — Access control with role-based access control (RBAC), JSON Web Tokens (JWT) and Persisted Operations.
+ - Audit logs — Keep track of all the changes made to your organization.
+
+
+
+
+
+
+
+
+ Frequently Asked Questions About GraphQL Federation
+
+ {faqs.map(([question, answers]) => (
+ -
+
{question}
+
+
+ {answers.map((answer) => (
+
+ ))}
+
+
+
+ ))}
+
+
+
+
+
+ Get Started with GraphQL Federation
+ Begin your journey with GraphQL Federation through our step-by-step guide, which walks you through Apollo Federation fundamentals and helps you build your first gateway and subgraphs from scratch.
+
+
+ Start building now
+
+
+
+
+ supergraph.graphql and you're off. Read more.",
+ ],
+ [
+ "Can I run Hive Gateway on the edge?",
+ "Yes! Hive Gateway is implemented with JavaScript in mind and can be run natively in serverless runtimes like Cloudflare Workers, AWS Lambda, Google Cloud Platform and Azure Functions. Read more.",
+ ],
+ [
+ "Does Hive Gateway support subscriptions?",
+ "Of course! Hive Gateway fully supports federated subscriptions and behaves just like Federation GraphQL subscriptions in Apollo Router. Read more.",
+ ],
+ [
+ "How does Hive Gateway integrate with tracing tools?",
+ "Hive Gateway has extensive monitoring and tracing capabilities allowing you deep insights into its inner workings. Use OpenTelemetry, Prometheus, StatsD and Sentry with simple to use plugins. Read more.",
+ ],
+ [
+ "Is customising the supergraph possible?",
+ "Changing the supergraph and adjusting it to your needs, either to accommodate extra fields or allow for gradual migration from non-federated systems, is easily achievable using GraphQL Mesh. It is a first-class citizen in Hive Gateway and its outputs are directly usable.",
+ ],
+ [
+ "Can I optimize Hive Gateway's performance for large-scale applications?",
+ "The gateway is designed from ground up with performance in mind, capable of handling even the largest of application loads. Using techniques like request caching and deduplication, query batching, HTTP compression and more - you're able to tune Hive Gateway exactly to your needs. Read more.",
+ ],
+ [
+ "Are all Hive Gateway features open source?",
+ "Yes, Hive Gateway, and all of its features, are fully open-source and free to use. Including all the enterprise-grade features offered by other vendors, without licensing restrictions; features like: subscriptions, persisted queries, JWT authentication, query batching, rate-limiting and high security, observability and tracing, advanced caching, deployments everywhere, and much more. Read more.",
+ ],
+];
+---
+
+
+
+
+
+
+
+
+
+
+
+ + Hive Gateway +
++ Unify and accelerate your data graph across diverse services with Hive Gateway, which seamlessly integrates with Apollo Federation. +
+-
+ {checkmarks.map((text) => (
+
-
+
+ {text} +
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Open-Source GraphQL Federation Platform +
++ Fully open-source schema registry, analytics, metrics and{" "} + gateway + {" "}for{" "} + GraphQL federation + {" "}and other GraphQL APIs. +
+-
+
- MIT licensed +
- No vendor-lock +
- Managed and self-hosted +
+
+
+
+
+
+
+ 360° GraphQL API Management
+-
+
-
+
+ A complete ecosystem covering all your dev and production needs.+
+
-
+
+ ++Apollo Federation v1 and v2+Best in class compatibility with Apollo Federation spec+
+
-
+
+ ++Powerful and flexible GraphQL Gateway (Router)+GraphQL Subscriptions support and built-in security features (RBAC, JWT, Persisted Operations)+
+
-
+
+ + No vendor-lock — dive into our full GraphQL ecosystem, or build your own stack, connecting{" "} + GraphQL federation,{" "} + Hive Gateway,{" "} + GraphQL Mesh and more. ++
+
-
+
+ ++Drop-in replacement for Apollo GraphOS (Apollo Studio)+100% on-prem and open-source+
+
+
+
+ Living and Breathing GraphQL Federation
+
+
+
+
+ 0K
+ GitHub commits
+
+
+ 0K
+ Active developers
+
+
+ 0K
+ Registered schemas
+
+
+ 0B
+ Collected operations
+ GraphQL Federation for the Ultimate Performance
+-
+
-
+
+
Team Autonomy
+Perfect for domain-driven design, allowing teams to work contribute individual graphs in any language to a cohesive GraphQL API.+
+ -
+
+
Scalability
+Individual graphs can be scaled independently based on their specific requirements.+
+ -
+
+
Unified API
+Clients get a seamless, unified experience. The complexity is hidden behind a single endpoint.+
+
+
+
+
+ What Is GraphQL Federation?
+Understand what federated GraphQL API is, how it works, and why it may be the right choice for your API.
+ + + Introduction to Federation + +
+
+
+
+
+
+ Get Started Today!
+Start with a free Hobby plan that fits perfectly most side projects or try our Pro plan with 30 days trial period.
+ + + Enter Hive + +Enterprise-Focused Tools Tailored for You
+-
+
-
+
+
Cloud and Self-Hosted
+Hive is completely open source, MIT licensed. You can host it on your own infrastructure.+
+ -
+
+
Single Sign-On
+Integrated with popular providers like Okta, to enable OpenID Connect login for maximum security.+
+ -
+
+
RBAC
+Control user access with detailed, role-based permissions for enhanced security and flexibility.+
+
+
+
+
+
+
+
+
+
+ Open Source Friends
+We love open source. Meet our friends who share the same passion.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {friends.map((friend) => (
+
+ {friend.name}
+ {friend.description}
+
+
+ ))}
+
+
+
+
+
+
+
+ Open Source GraphQL Platform
+Start building your federated GraphQL API today, by following our guide, that will walk you through the basics of Apollo Federation.
+ + + Start building now + +
+
+
+
+
+
+
+
+
+
+ + Accelerate Your Federation Journey +
++ The Hive Partner Network accelerates your federation journey, delivering expert solutions and best-in-class technology for faster value realization. +
+ + +
+
+
+ Why partner with us?
+-
+
-
+
+
Scale with Open Source
+Join the open-source revolution and grow your business by integrating with a platform that puts flexibility and community first. Build solutions that respect your customers' freedom to innovate.+
+ -
+
+
Enhance Your Enterprise Appeal
+Reach organizations seeking vendor-independent solutions. As a Hive partner, you'll connect with companies prioritizing open-source infrastructure and full ownership of their GraphQL stack.+
+ -
+
+
Drive Technical Excellence
+Enable your customers to build more reliable and observable GraphQL APIs through our comprehensive schema registry, federation support, and performance monitoring tools.+
+
Solution Partners
+Our solution partners are experts in their field, providing a range of services to help you get the most out of the Hive platform. From consulting to implementation, our partners are here to help you succeed.
+-
+ {partners.map((partner) => (
+
+
-
+
+
+
+ ))}
+
Then $10 per 1 million operations", + "Volume discount negotiable", + ], + }, + { feature: "Schema usage data retention", values: ["7 days", "90 days", "One-year Minimum, Customizable"] }, + { + feature: link("/docs/schema-registry/management/targets#conditional-breaking-changes", "Traffic-based breaking change detection"), + values: ["7 days", "90 days", "One-year Minimum, Customizable"], + }, + { + feature: link("/docs/schema-registry/app-deployments#schema-checks-and-affected-app-deployments", "Persisted Document breaking change detection"), + values: ["yes", "yes", "yes"], + }, + { feature: "Schema check retention", values: ["7 days", "90 days", "One-year Minimum, Customizable"] }, + ], + title: "Analytics, Monitoring & Metrics", + }, + { + description: "Performant and extendible. Stress-tested in production.", + icon: ICONS.gateway, + rows: [ + { feature: "Self-host", values: ["yes", "yes", "yes"] }, + { + feature: `Apollo Federation v1 support
${smallLink("https://the-guild.dev/graphql/hive/federation-gateway-audit", "Check out the federation audit")}`, + values: ["yes", "yes", "yes"], + }, + { + feature: `Apollo Federation v2 support
${smallLink("https://the-guild.dev/graphql/hive/federation-gateway-audit", "Check out the federation audit")}`, + values: ["yes", "yes", "yes"], + }, + { feature: link("/docs/gateway/subscriptions", "Subscriptions over WebSocket and SSE"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/authorization-authentication", "JWT authentication"), values: ["yes", "yes", "yes"] }, + { + feature: link( + "/docs/gateway/authorization-authentication#rolescope-based-authentication-rbac-with-requiresscope-directive", + "Role-based Access Control (RBAC)", + ), + values: ["yes", "yes", "yes"], + }, + { feature: link("/docs/gateway/persisted-documents", "Persisted documents"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/monitoring-tracing#opentelemetry-traces", "OpenTelemetry (OTEL) tracing"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/monitoring-tracing#prometheus-metrics", "Prometheus metrics"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/other-features/security/demand-control", "Demand control"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/other-features/security/rate-limiting", "Rate limiting"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/other-features/security/hmac-signature", "Subgraph request signing"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/other-features/performance/response-caching", "Response caching"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/defer-stream", "Incremental Delivery (Defer & Stream)"), values: ["yes", "yes", "yes"] }, + { feature: link("/docs/gateway/other-features/custom-plugins", "Custom plugins"), values: ["yes", "yes", "yes"] }, + ], + title: "Gateway", + }, + { + description: "Engineered for uninterrupted performance and reliability.", + icon: ICONS.availability, + rows: [ + { + feature: "Support SLA", + values: [ + smallLink("https://the-guild.dev/graphql/hive/sla.pdf", "Pre-defined SLA"), + smallLink("https://the-guild.dev/graphql/hive/sla.pdf", "Pre-defined SLA"), + "Tailored to your needs", + ], + }, + { feature: "100% uptime of schema registry CDN", featureClass: "lg:whitespace-pre", values: ["yes", "yes", "yes"] }, + { feature: "99.95% uptime for usage/analytics", values: ["no", "no", "yes"] }, + { feature: "99.95% uptime for dashboard", values: ["no", "no", "yes"] }, + ], + title: "Availability", + }, + { + description: "You can rely on us when you need help.", + icon: ICONS.enterpriseSupport, + rows: [ + { feature: "GitHub issues and chat support", values: ["yes", "yes", "yes"] }, + { feature: "Dedicated Slack channel for support", values: ["no", "no", "yes"] }, + { feature: "White-glove onboarding", values: ["no", "no", "yes"] }, + { feature: "Technical Account Manager & guidance from The Guild", values: ["no", "no", "yes"] }, + { feature: "Flexible billing options & extended procurement processes", values: ["no", "no", "yes"] }, + { feature: "Custom Data Processing Agreements (DPA)", values: ["no", "no", "yes"] }, + ], + title: "Support", + }, + { + description: "Enterprise-grade software, affordable for everyone.", + icon: ICONS.globeLock, + rows: [ + { + feature: `SOC 2 Type II Certified
${smallLink("https://security.graphql-hive.com", "Learn more")}`, + values: ["yes", "yes", "yes"], + }, + { feature: link("/docs/schema-registry/management/audit-logs", "Audit logs"), values: ["yes", "yes", "yes"] }, + ], + title: "Compliance / Security", + }, +]; + +const CELL_CLASS = + "border-beige-400 border-b border-r p-4 font-medium first:border-l first:font-medium max-md:w-1/2 max-sm:text-sm sm:py-6 md:w-1/4 lg:w-[23%] lg:first:w-[28%] lg:last:w-[26%] not-first:border-l-0 not-first:text-center not-first:text-sm not-first:text-green-800 md:[.subheader+tr>&:last-child]:rounded-tr-3xl max-md:[.subheader+tr>&:not(:first-child,:has(+td[aria-hidden=false]))]:rounded-tr-3xl [.subheader+tr>&]:border-t [.subheader+tr>&]:first:rounded-tl-3xl md:[tr:is(:has(+.subheader),:last-child)>&:last-child]:rounded-br-3xl max-md:[tr:is(:has(+.subheader),:last-child)>&:not(:first-child,:has(+td[aria-hidden=false]))]:rounded-br-3xl [tr:is(:last-child,:has(+.subheader))>&]:first:rounded-bl-3xl"; + +const YES_SVG = + ''; +const NO_SVG = + ''; + +const cellHtml = (value: Cell) => (value === "yes" ? YES_SVG : value === "no" ? NO_SVG : value); + +const pricingTiers = [ + { cta: "Get started for free", ctaVariant: "tertiary" as const, href: appUrl, name: "Hobby" }, + { cta: "Try free for 30 days", ctaVariant: "primary" as const, href: appUrl, name: "Pro" }, + { cta: "Shape your business", ctaVariant: "primary" as const, href: contactUrl, name: "Enterprise" }, +]; + +const smallCtaBase = + "relative flex items-center justify-center gap-2 text-nowrap rounded-lg px-3 py-2 text-sm font-medium leading-6 text-green-1000"; +const smallCtaVariant = { + primary: "bg-primary hover:bg-green-800 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-800", + tertiary: "bg-transparent focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-800", +} as const; +--- + + + + + + +
+
+
+
+
+
+
+
+
+ Honest pricing plans for your API management
+From hobbyists to enterprises — enjoy all features and usage-based pricing.
+
+
+ Operations: learn more about usage-based pricing
+Hive Console is completely free to use. We charge only for operations collected and processed.
+ +
+
+
+
+
+
+
+
+
+ M
+ operations per month
+
+ 1M
+
+
+
+
+
+
+ 1B
+
+ 
+
+
+
+
+ Consider using our Enterprise plan.
+ For volumes over 300M operations per month, our Enterprise plan is cheaper, with bulk discounts, dedicated support, and custom SLAs. It also makes scaling past 1 billion operations much more cost-effective.
+
+
+
+
+ Every GraphQL request that is processed by your GraphQL API and reported to Hive Console. If your server receives 1M GraphQL requests, all of them will be reported to Hive (assuming no sampling).
+
+ + All plans include + every feature +
+We do not gate any features. All our plans are fully-featured, with access to the community. We only charge a premium for support.
+
+ Hive Console allows you to do so much more.
+
On your own terms.
+
+ Part of the Hive ecosystem, Hive Console is a fully-fledged solution that you can easily tailor to your needs.
+ + +
+
+
+
+
+
+
+
+
+
+ {pricingTiers.map((tier, i) => (
+
+ ))}
+
+
+ {pricingTiers.map((tier, i) => (
+
+
+
+
+ {tier.cta}
+
+
+ ))}
+
+
+ Product Updates
+The most recent developments from Hive Console.
+ +-
+ {
+ updates.map((update) => (
+
-
+
+
+
+
{update.title}
+{update.description}+ +
+ ))
+ }
+