Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-22 08:38:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Improve the landing page a bit (#6013)

Browse source
This commit is contained in:
Kamil Kisiela 2024-11-20 22:19:26 +01:00 committed by GitHub
parent beccf761a8
commit a486a273cc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 50 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
packages/web/docs/src/components/ecosystem-management/index.tsx
View file

@ -26,34 +26,68 @@ export function EcosystemManagementSection({ className }: { className?: string }
<div className="relative mx-auto flex w-[1392px] max-w-full flex-col gap-x-4 gap-y-6 md:gap-y-12 lg:flex-row [@media(min-width:1400px)]:gap-x-[120px]">
<div className="flex flex-col gap-12 lg:w-[488px]">
<Heading as="h3" size="sm">
GraphQL Federation Platform
360° GraphQL API Management
</Heading>
<ul className="mx-auto flex list-none flex-col gap-y-4 text-white/80 lg:gap-y-6">
{[
<>A complete ecosystem covering all your dev and production needs.</>,
<div className="text-white">
A complete ecosystem covering all your dev and production needs.
</div>,
<>
<NextLink className="underline" href="/federation-gateway-audit">
Full Apollo Federation Support
</NextLink>
. Drop-in replacement for Apollo GraphOS (Apollo Studio)
<div className="font-medium text-white">Apollo Federation v1 and v2</div>
<div>
Best in class{' '}
<NextLink
className="underline underline-offset-2"
href="/federation-gateway-audit"
>
compatibility with Apollo Federation spec
</NextLink>
</div>
</>,
<>
Use tools of your choice — either dive into our full GraphQL ecosystem,
or&nbsp;build your own stack, connecting{' '}
<NextLink className="underline" href="/federation">
<div className="font-medium text-white">
Powerful and flexible{' '}
<NextLink
className="underline decoration-1 underline-offset-2"
href="/docs/gateway"
>
GraphQL Gateway (Router)
</NextLink>
</div>
<div>
GraphQL Subscriptions support and built-in security features (RBAC, JWT, Persisted
Operations)
</div>
</>,
<>
<span className="font-medium text-white">No vendor-lock</span> — dive into our full
GraphQL ecosystem, or&nbsp;build your own stack, connecting{' '}
<NextLink className="underline decoration-1 underline-offset-2" href="/federation">
GraphQL federation
</NextLink>
,{' '}
<NextLink className="underline" href="/docs/gateway">
<NextLink
className="underline decoration-1 underline-offset-2"
href="/docs/gateway"
>
Hive Gateway
</NextLink>
,{' '}
<NextLink className="underline" href="https://the-guild.dev/graphql/mesh">
<NextLink
className="underline decoration-1 underline-offset-2"
href="https://the-guild.dev/graphql/mesh"
>
GraphQL Mesh
</NextLink>{' '}
and more.
</>,
'Learn how to migrate from Apollo and keep your GraphQL Federation stack vendor-unlocked.',
<>
<div className="font-medium text-white">
Drop-in replacement for Apollo GraphOS (Apollo Studio)
</div>
<div>100% on-prem and open-source</div>
</>,
].map((text, i) => (
<li key={i} className="flex items-start gap-4">
<CheckIcon className="mt-0.5 shrink-0 text-blue-400" />

7
packages/web/docs/src/components/landing-page.tsx
View file

@ -35,16 +35,17 @@ export function IndexPage(): ReactElement {
Open-Source GraphQL Federation Platform
</Heading>
<p className="mx-auto w-[512px] max-w-[80%] text-center leading-6 text-white/80">
Schema registry, analytics and gateway for GraphQL federation and other GraphQL APIs.
Fully open-source schema registry, analytics, metrics and gateway for GraphQL federation
and other GraphQL APIs.
</p>
<HeroFeatures>
<li>
<CheckIcon className="text-blue-400" />
Fully open-source
MIT licensed
</li>
<li>
<CheckIcon className="text-blue-400" />
No vendor lock
No vendor-lock
</li>
<li>
<CheckIcon className="text-blue-400" />