Nextra 4 Migration 3: layouts and fixes #8118

hasparus · 2024-12-10T17:16:02Z

(Part of a PR stack starting from #8115)

Description

This PR contains migration to Nextra 4 and @theguild/components v8 besides the file moves.
The Navigation and Footer here already have the new Hive Rebranding design.

Per @dimaMachina's suggestion I've added layout files for content pages and landing pages (light-mode only, narrower) in parenthesised dirs.

https://nextjs.org/docs/app/building-your-application/routing/route-groups#creating-multiple-root-layouts

If you like what's inside hive-inner-layout.tsx and hive-outer-layout.tsx, we can promote it to components package.

Type of change

New feature (moves to new designs and server components)

Screenshots/Sandbox (if appropriate/relevant):

hasparus · 2024-12-16T16:14:08Z

website/src/components/index-page.tsx

@@ -24,7 +24,7 @@ function Hero() {
  return (
    <div className="w-full">
      <div className="py-20 sm:py-24 lg:py-32 my-6">
-        <h1 className="max-w-screen-md mx-auto font-extrabold text-5xl sm:text-5xl lg:text-6xl text-center bg-gradient-to-r from-cyan-400 to-sky-500 dark:from-cyan-400 dark:to-sky-600 bg-clip-text text-transparent">
+        <h1 className="max-w-screen-md mx-auto font-extrabold text-5xl sm:text-5xl lg:text-6xl text-center bg-gradient-to-r from-cyan-400 to-sky-500 dark:from-cyan-400 dark:to-sky-600 bg-clip-text text-transparent leading-normal">


It was weirdly clipped and I'm removing it in next PR anyway.

hasparus · 2024-12-16T16:14:54Z

website/src/content/docs/transforms/cache.mdx.bak

@@ -1,157 +0,0 @@
-import { Callout } from '@theguild/components'


This isn't rendered anywhere, I'm not sure if it's needed, and it was crashing my build.

We can always get it back from git history.

github-actions · 2024-12-16T16:19:05Z

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-16T16:19:42Z

🚀 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.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-file`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-inmemory-lru`	`0.0.6-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-localforage`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cache-redis`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/compose-cli`	`1.3.3-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/fusion-composition`	`0.7.16-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/include`	`0.2.9-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/apollo-link`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/cli`	`0.98.14-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/config`	`0.106.14-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/graphql`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/grpc`	`0.106.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/json-schema`	`0.108.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/mongoose`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/mysql`	`0.104.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/neo4j`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/odata`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/openapi`	`0.108.12-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/postgraphile`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/raml`	`0.108.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/soap`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/supergraph`	`0.9.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/thrift`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/tuql`	`0.104.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/http`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/merger-bare`	`0.104.13-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/merger-stitching`	`0.104.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/migrate-config-cli`	`1.4.6-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/runtime`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/store`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-cache`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-encapsulate`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-extend`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-federation`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-filter-schema`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-hive`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-hoist-field`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-naming-convention`	`0.103.12-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-prefix`	`0.103.12-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-prune`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-rate-limit`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-rename`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-replace-field`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-resolvers-composition`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-transfer-schema`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transform-type-merging`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/types`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/urql-exchange`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/utils`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/json-schema`	`0.108.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/mysql`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/neo4j`	`0.9.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/odata`	`0.1.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/openapi`	`0.108.12-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/raml`	`0.108.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/soap`	`0.105.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/sqlite`	`0.7.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@omnigraph/thrift`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-deduplicate-request`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-hive`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-http-cache`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-http-details-extensions`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-jit`	`0.1.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-jwt-auth`	`1.3.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-live-query`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-mock`	`0.103.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-newrelic`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-operation-field-permissions`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-operation-headers`	`1.3.11-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-rate-limit`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-response-cache`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-snapshot`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/plugin-statsd`	`0.103.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-grpc`	`0.1.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-mysql`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-neo4j`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-odata`	`0.1.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-rest`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-soap`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-sqlite`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎
`@graphql-mesh/transport-thrift`	`0.8.10-alpha-20241230162218-8b132f0d80da720eeb85eabedda8a08edd33ef41`	npm ↗︎ unpkg ↗︎

dimaMachina · 2024-12-17T02:33:26Z

website/next.config.js

+    turbo: {
+      treeShaking: true,
+    },


should be under experimental

website/src/components/docs-mdx-components.tsx

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

hasparus mentioned this pull request Dec 10, 2024

Nextra 4 Migration #8115

Draft

hasparus force-pushed the rebranding-3-nextra-4-fixes branch 2 times, most recently from 576466b to 6ac2040 Compare December 10, 2024 18:16

hasparus force-pushed the rebranding-2-nextra-4-filemoves branch from 4f61db0 to 2a19ce3 Compare December 16, 2024 10:51

hasparus force-pushed the rebranding-3-nextra-4-fixes branch from da15217 to 4e27b21 Compare December 16, 2024 10:51

hasparus added 17 commits December 16, 2024 15:39

Add pagefind, use --turbopack flag in dev script

7efdeba

Let Next update tsconfig.json and next-env.d.ts

0d79264

Update tsconfig.json to use moduleResolution=bundler

9087dfe

Create HiveLayout server component to use in Layouts

d6a7bb4

Refactor hive-outer-layout out

d9c79e4

Rename file to hive-inner-layout

cc98c81

Create layouts for landing and content pages

aa9e4f6

Move example page to .tsx

cba23ed

Remove _app.tsx

711b593

Rename /index.mdx to /page.tsx

6ca8791

Add fonts

6d477f8

Fix server components warning in examples page

a364215

Set typedRoutes and treeshaking to true

c5e22a9

Add MDX page templates

17fb387

Add missing metadata to fix RSC error

32fd8a6

Make the pages render without errors

978d47d

Include LegacyDocsBanner

efba5ba

hasparus force-pushed the rebranding-3-nextra-4-fixes branch from 81400e9 to efba5ba Compare December 16, 2024 14:42

hasparus force-pushed the rebranding-2-nextra-4-filemoves branch from 2a19ce3 to deccea0 Compare December 16, 2024 14:42

Fix Hero leading

eed8c13

hasparus commented Dec 16, 2024

View reviewed changes

Checkout a better yarn.lock

cd4e931

hasparus requested a review from dimaMachina December 16, 2024 16:18

Remove unused theme.config.tsx

7891c42

hasparus changed the title ~~Rebranding 3: Nextra 4 layouts and fixes~~ Nextra 4 Migration 3: layouts and fixes Dec 16, 2024

dimaMachina reviewed Dec 17, 2024

View reviewed changes

website/src/components/docs-mdx-components.tsx Outdated Show resolved Hide resolved

dimaMachina mentioned this pull request Dec 17, 2024

[v4] fix TypeError: Cannot read properties of undefined (reading 'id') when importing partial MDX shuding/nextra#3817

Merged

hasparus and others added 2 commits December 23, 2024 18:13

Update website/src/components/docs-mdx-components.tsx

758429c

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

Fix next.config.js

8b132f0

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Nextra 4 Migration 3: layouts and fixes #8118

Nextra 4 Migration 3: layouts and fixes #8118

hasparus commented Dec 10, 2024 •

edited

Loading

hasparus Dec 16, 2024

hasparus Dec 16, 2024

github-actions bot commented Dec 16, 2024 •

edited

Loading

github-actions bot commented Dec 16, 2024 •

edited

Loading

dimaMachina Dec 17, 2024

hasparus Dec 30, 2024

		@@ -1,157 +0,0 @@
		import { Callout } from '@theguild/components'

Nextra 4 Migration 3: layouts and fixes #8118

Are you sure you want to change the base?

Nextra 4 Migration 3: layouts and fixes #8118

Conversation

hasparus commented Dec 10, 2024 • edited Loading

Description

Type of change

Screenshots/Sandbox (if appropriate/relevant):

hasparus Dec 16, 2024

Choose a reason for hiding this comment

hasparus Dec 16, 2024

Choose a reason for hiding this comment

github-actions bot commented Dec 16, 2024 • edited Loading

Apollo Federation Subgraph Compatibility Results

github-actions bot commented Dec 16, 2024 • edited Loading

🚀 Snapshot Release (alpha)

dimaMachina Dec 17, 2024

Choose a reason for hiding this comment

hasparus Dec 30, 2024

Choose a reason for hiding this comment

hasparus commented Dec 10, 2024 •

edited

Loading

github-actions bot commented Dec 16, 2024 •

edited

Loading

github-actions bot commented Dec 16, 2024 •

edited

Loading

🚀 Snapshot Release (`alpha`)