Rebranding UI new landing page #8207

hasparus · 2024-12-30T17:40:38Z

Description

I've put together the new website.

We can merge #8181 to make the diff smaller here.

Work left:

Frequently Asked Questions
A better sandbox or fixing autoscrolling in CodeSandbox embed (wanna try Stackblitz SDK)
Version Dropdown Add VersionDropdown component the-guild-org/docs#1888

Type of change

New feature (non-breaking change which adds functionality)

github-actions · 2024-12-30T17:43:38Z

Apollo Federation Subgraph Compatibility Results

Federation 1 Support Federation 2 Support

`_service`	🟢
`@key (single)`	🟢
`@key (multi)`	🟢
`@key (composite)`	🟢
`repeatable @key`	🟢
`@requires`	🟢
`@provides`	🟢
`federated tracing`	🟢

`@link`	🟢
`@shareable`	🟢
`@tag`	🟢
`@override`	🟢
`@inaccessible`	🟢
`@composeDirective`	🟢
`@interfaceObject`	🟢

Learn more:

github-actions · 2024-12-30T17:44:25Z

🚀 Snapshot Release (`alpha`)

The latest changes of this PR are available as alpha on npm (based on the declared changesets):

Package	Version	Info
`@graphql-mesh/cache-cfw-kv`	`0.104.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-file`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-inmemory-lru`	`0.0.7-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-localforage`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-redis`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/compose-cli`	`1.3.4-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/fusion-composition`	`0.7.17-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/include`	`0.2.10-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/apollo-link`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cli`	`0.98.16-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/config`	`0.106.16-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/graphql`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/grpc`	`0.106.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/json-schema`	`0.108.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/mongoose`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/mysql`	`0.104.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/neo4j`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/odata`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/openapi`	`0.108.13-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/postgraphile`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/raml`	`0.108.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/soap`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/supergraph`	`0.9.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/thrift`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/tuql`	`0.104.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/http`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/merger-bare`	`0.104.14-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/merger-stitching`	`0.104.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/migrate-config-cli`	`1.4.8-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/runtime`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/store`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-cache`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-encapsulate`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-extend`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-federation`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-filter-schema`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-hive`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-hoist-field`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-naming-convention`	`0.103.13-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-prefix`	`0.103.13-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-prune`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-rate-limit`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-rename`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-replace-field`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-resolvers-composition`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-transfer-schema`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-type-merging`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/types`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/urql-exchange`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/utils`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/json-schema`	`0.108.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/mysql`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/neo4j`	`0.9.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/odata`	`0.1.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/openapi`	`0.108.13-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/raml`	`0.108.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/soap`	`0.105.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/sqlite`	`0.7.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@omnigraph/thrift`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-deduplicate-request`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-hive`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-http-cache`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-http-details-extensions`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-jit`	`0.1.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-jwt-auth`	`1.4.1-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-live-query`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-mock`	`0.103.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-newrelic`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-operation-field-permissions`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-operation-headers`	`1.3.12-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-rate-limit`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-response-cache`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-snapshot`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-statsd`	`0.103.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-grpc`	`0.1.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-mysql`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-neo4j`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-odata`	`0.1.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-rest`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-soap`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-sqlite`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-thrift`	`0.8.11-alpha-20250102132630-6b515b65e038ac14670e622cb4f4162857ea4a09`	npm ↗︎ unpkg ↗︎

github-actions · 2024-12-30T17:45:01Z

💻 Website Preview

The latest changes are available as preview in: https://4dbf5fcb.graphql-mesh.pages.dev

website/src/components/datasources-illustration/index.tsx

website/src/components/datasources-list-section.tsx

website/src/components/examples-sandbox.tsx

website/src/components/landing-page-container.tsx

website/src/components/mesh-hero.tsx

dimaMachina · 2025-01-02T11:07:43Z

website/src/pages/_app.tsx

+    { path: '../fonts/PPNeueMontreal-Regular.woff2', weight: '400' },
+    { path: '../fonts/PPNeueMontreal-Medium.woff2', weight: '500' },


what about if we move fonts as static assets in guild-components? if you need help with it ping me

We definitely can do it, but these will still need to be relative paths. I tried to move the whole next/font machinery once, and turns out the way Next is handling it doesn't allow that.

Co-authored-by: Dimitri POSTOLOV <[email protected]>

website/src/components/examples-sandbox.tsx

website/public/codesandbox-iframe.html

website/src/components/mesh-hero.tsx

dimaMachina · 2025-01-02T11:34:51Z

This section should also have less mx?

hasparus added 9 commits December 30, 2024 13:46

Squash merge "Add Mesh Hero #8159"

90f424d

Squash merge "Add Datasources Illustration #8181"

05fc4a4

Remove images and the old landing page

c1992f4

Add all sections (sandbox is BAD)

19c92ae

Add fonts, fix paddings for mobiles

0a94929

Add .light class to body

44c2642

Remove Plugins link

bbd508c

Tweak styles, add meta

18b497f

Set @theguild/components version to 7.4.0

b26903d

hasparus and others added 3 commits January 1, 2025 17:51

Hack around CodeSandbox stealing focus. We need something better

caf15f7

chore(dependencies): updated changesets for modified dependencies

cf1c186

Style the select, add a lazy prop

c4db35e

hasparus requested a review from dimaMachina January 2, 2025 10:45