New navigation (#819)

* Draft 1

* adjusting nav

* updating branch

* adding folder

* Fix import

* Apply changes to all languages, fixing the build

* “Roles and Benefits” => “Network” + move Tokenomics to it

* Move Supported Networks out of Developing

* Tweaks

* Additional Adjustments

* Tweak scripts

* Proposing some more nav changes

* More changes

* Update dependencies

* Tweaks

* One more page rename

* One more

* Ensure links have a trailing slash, since those are the canonical URLs

* `on-chain` => `onchain`

* Actually ensure all links have a trailing slash

* Add redirects

* Update links in all pages

---------

Co-authored-by: benface <[email protected]>

packages/nextra-theme/package.json

@@ -35,16 +35,16 @@
     "theme-ui": "^0.16"
   },
   "dependencies": {
-    "@docsearch/react": "^3.8.1",
+    "@docsearch/react": "^3.8.2",
     "@radix-ui/react-collapsible": "^1.1.2",
     "@radix-ui/react-visually-hidden": "^1.1.1",
     "lodash": "^4.17.21",
     "react-intersection-observer": "^9.14.0",
     "react-use": "^17.6.0"
   },
   "devDependencies": {
-    "@edgeandnode/gds": "^5.39.1",
-    "@edgeandnode/go": "^6.74.0",
+    "@edgeandnode/gds": "^5.39.2",
+    "@edgeandnode/go": "^6.75.0",
     "@emotion/react": "^11.14.0",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.3.17",

packages/nextra-theme/src/index.tsx

@@ -199,7 +199,9 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
                   {args.activePath.map((item) => item.title).join(' > ')}
                 </div>
               ) : null}
-              {frontMatter.title ? <Heading.H1>{frontMatter.title}</Heading.H1> : null}
+              {frontMatter.title || args.activeIndex === 0 ? (
+                <Heading.H1>{args.activeIndex === 0 ? 'The Graph Docs' : frontMatter.title}</Heading.H1>
+              ) : null}
               {lastUpdated || readingTime ? (
                 <Paragraph size="14px">
                   {lastUpdated ? (

packages/og-image/package.json

@@ -16,12 +16,12 @@
     "yoga-wasm-web": "0.3.3"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20241216.0",
+    "@cloudflare/workers-types": "^4.20241218.0",
     "@types/react": "^18.3.17",
     "jest-image-snapshot": "^6.4.0",
     "tsx": "^4.19.2",
     "typescript": "^5.7.2",
     "vitest": "^1.6.0",
-    "wrangler": "^3.95.0"
+    "wrangler": "^3.97.0"
   }
 }

website/package.json

@@ -15,14 +15,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@edgeandnode/common": "^6.38.0",
-    "@edgeandnode/gds": "^5.39.1",
-    "@edgeandnode/go": "^6.74.0",
+    "@edgeandnode/common": "^6.39.0",
+    "@edgeandnode/gds": "^5.39.2",
+    "@edgeandnode/go": "^6.75.0",
     "@emotion/react": "^11.14.0",
     "@graphprotocol/contracts": "6.2.1",
     "@graphprotocol/nextra-theme": "workspace:*",
     "@phosphor-icons/react": "^2.1.7",
-    "mixpanel-browser": "^2.56.0",
+    "mixpanel-browser": "^2.57.1",
     "next": "^14.2.20",
     "next-seo": "^6.6.0",
     "next-sitemap": "^4.2.3",
@@ -43,7 +43,7 @@
     "fast-xml-parser": "^4.5.1",
     "graphql": "^16.10.0",
     "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.16",
+    "tailwindcss": "^3.4.17",
     "tsx": "^4.19.2",
     "unified": "^11.0.5"
   }

website/pages/[locale]/index.mdx

@@ -35,7 +35,7 @@ ${t('index.networkRoles.description')}
 ## ${t('index.supportedNetworks.title')}
 ${t('index.supportedNetworks.description')}
 <SupportedNetworks />
-${t('index.supportedNetworks.footer').replace('{0}', `[${t('index.supportedNetworks.title')}](/developing/supported-networks/)`)}`
+${t('index.supportedNetworks.footer').replace('{0}', `[${t('index.supportedNetworks.title')}](/supported-networks/)`)}`
   const mdx = await buildDynamicMDX(rawMdx, { codeHighlight: false })
   return {
     props: {

website/pages/ar/about.mdx

@@ -24,7 +24,7 @@ In the case of the example listed above, Bored Ape Yacht Club, you can perform b
 
 It would take **hours or even days** for a decentralized application (dapp) running in a browser to get an answer to these simple questions.
 
-Alternatively, you have the option to set up your own server, process the transactions, store them in a database, and create an API endpoint to query the data. However, this option is [resource intensive](/network/benefits/), needs maintenance, presents a single point of failure, and breaks important security properties required for decentralization.
+Alternatively, you have the option to set up your own server, process the transactions, store them in a database, and create an API endpoint to query the data. However, this option is [resource intensive](/resources/benefits/), needs maintenance, presents a single point of failure, and breaks important security properties required for decentralization.
 
 Blockchain properties, such as finality, chain reorganizations, and uncled blocks, add complexity to the process, making it time-consuming and conceptually challenging to retrieve accurate query results from blockchain data.