diff --git a/next.config.js b/next.config.js
index 56da077fae..3a99e7137e 100644
--- a/next.config.js
+++ b/next.config.js
@@ -37,7 +37,7 @@ const ALLOWED_SVG_REGEX = new RegExp(`${sep}icons${sep}.+\\.svg$`)
 const config = {
   output: undefined,
   // reactStrictMode: true, provoke duplicated codemirror editors
-  webpack(config) {
+  webpack(config, { isServer, dev }) {
     // #region MDX
     const mdxRule = config.module.rules.find(rule => rule.test?.test?.(".mdx"))
     if (mdxRule) {
@@ -62,6 +62,19 @@ const config = {
     fileLoaderRule.exclude = /\.svg$/i
 
     config.module.rules.push(
+      {
+        test: /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg|txt)$/i,
+        resourceQuery: /resource/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name].[hash][ext]",
+          publicPath: "/_next/",
+          // Server build outputs to .next/server/, so go up to reach .next/static/
+          outputPath: [isServer && "../", !dev && "../"]
+            .filter(Boolean)
+            .join(""),
+        },
+      },
       // All .svg from /icons/ and with ?svgr are going to be processed by @svgr/webpack
       {
         test: ALLOWED_SVG_REGEX,
@@ -103,7 +116,7 @@ const config = {
         test: /\.svg$/i,
         exclude: ALLOWED_SVG_REGEX,
         resourceQuery: {
-          not: [...fileLoaderRule.resourceQuery.not, /svgr/],
+          not: [...fileLoaderRule.resourceQuery.not, /svgr|resource/],
         },
       },
     )
diff --git a/package.json b/package.json
index d3b9d07d11..1d3a6faff6 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
     "@tailwindcss/typography": "^0.5.15",
+    "arktype": "2.1.28",
     "autoprefixer": "^10.4.20",
     "calendar-link": "^2.10.0",
     "clsx": "^2.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0df41ae641..ba6e6906f2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -83,6 +83,9 @@ importers:
       '@tailwindcss/typography':
         specifier: ^0.5.15
         version: 0.5.19(tailwindcss@3.4.18(tsx@4.21.0)(yaml@2.8.1))
+      arktype:
+        specifier: 2.1.28
+        version: 2.1.28
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.22(postcss@8.5.6)
@@ -326,7 +329,7 @@ importers:
   scripts/sync-working-groups:
     dependencies:
       arktype:
-        specifier: ^2.1.27
+        specifier: 2.1.28
         version: 2.1.28
 
 packages:
diff --git a/scripts/get-github-info/github-stats.json b/scripts/get-github-info/github-stats.json
index 9f6b835af8..dae0f6bf92 100644
--- a/scripts/get-github-info/github-stats.json
+++ b/scripts/get-github-info/github-stats.json
@@ -1,15 +1,15 @@
 {
   "altair-graphql/altair": {
     "hasCommitsInLast3Months": false,
-    "stars": 5365,
+    "stars": 5372,
     "formattedStars": "5k",
     "license": "MIT License",
-    "lastRelease": "2025-10-28T22:43:22Z",
-    "formattedLastRelease": "1 month ago"
+    "lastRelease": "2025-12-12T08:48:15Z",
+    "formattedLastRelease": "12 hours ago"
   },
   "apache/apisix": {
     "hasCommitsInLast3Months": false,
-    "stars": 15907,
+    "stars": 15968,
     "formattedStars": "16k",
     "license": "Apache License 2.0",
     "lastRelease": "2025-10-16T07:54:57Z",
@@ -17,27 +17,27 @@
   },
   "apollographql/apollo-studio-community": {
     "hasCommitsInLast3Months": false,
-    "stars": 261,
-    "formattedStars": "261",
+    "stars": 260,
+    "formattedStars": "260",
     "license": "Unknown",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
   "ChilliCream/hotchocolate": {
     "hasCommitsInLast3Months": false,
-    "stars": 5637,
+    "stars": 5650,
     "formattedStars": "6k",
     "license": "MIT License",
-    "lastRelease": "2025-11-26T11:12:44Z",
-    "formattedLastRelease": "3 days ago"
+    "lastRelease": "2025-12-10T12:55:40Z",
+    "formattedLastRelease": "2 days ago"
   },
   "dgraph-io/dgraph": {
     "hasCommitsInLast3Months": false,
-    "stars": 21367,
+    "stars": 21392,
     "formattedStars": "21k",
     "license": "Apache License 2.0",
-    "lastRelease": "2025-10-07T20:50:36Z",
-    "formattedLastRelease": "1 month ago"
+    "lastRelease": "2025-12-12T00:45:30Z",
+    "formattedLastRelease": "20 hours ago"
   },
   "yahoo/elide": {
     "hasCommitsInLast3Months": false,
@@ -45,7 +45,7 @@
     "formattedStars": "1k",
     "license": "Other",
     "lastRelease": "2025-09-01T03:57:54Z",
-    "formattedLastRelease": "2 months ago"
+    "formattedLastRelease": "3 months ago"
   },
   "graphapi-io/resources": {
     "hasCommitsInLast3Months": false,
@@ -57,7 +57,7 @@
   },
   "hasura/graphql-engine": {
     "hasCommitsInLast3Months": false,
-    "stars": 31827,
+    "stars": 31835,
     "formattedStars": "32k",
     "license": "Apache License 2.0",
     "lastRelease": "2025-10-14T15:20:38Z",
@@ -65,23 +65,23 @@
   },
   "graphql-hive/platform": {
     "hasCommitsInLast3Months": false,
-    "stars": 471,
-    "formattedStars": "471",
+    "stars": 472,
+    "formattedStars": "472",
     "license": "MIT License",
-    "lastRelease": "2025-11-25T15:15:47Z",
-    "formattedLastRelease": "3 days ago"
+    "lastRelease": "2025-12-11T15:59:16Z",
+    "formattedLastRelease": "1 day ago"
   },
   "Kong/insomnia": {
     "hasCommitsInLast3Months": false,
-    "stars": 37611,
+    "stars": 37667,
     "formattedStars": "38k",
     "license": "Apache License 2.0",
-    "lastRelease": "2025-11-21T17:29:45Z",
-    "formattedLastRelease": "1 week ago"
+    "lastRelease": "2025-12-12T19:24:57Z",
+    "formattedLastRelease": "1 hour ago"
   },
   "postmanlabs/postman-app-support": {
     "hasCommitsInLast3Months": false,
-    "stars": 5979,
+    "stars": 5982,
     "formattedStars": "6k",
     "license": "Unknown",
     "lastRelease": "",
@@ -97,87 +97,39 @@
   },
   "TykTechnologies/tyk": {
     "hasCommitsInLast3Months": false,
-    "stars": 10515,
+    "stars": 10532,
     "formattedStars": "11k",
     "license": "Other",
     "lastRelease": "2025-11-28T16:32:34Z",
-    "formattedLastRelease": "19 hours ago"
+    "formattedLastRelease": "2 weeks ago"
   },
   "twinlogix/typetta": {
     "hasCommitsInLast3Months": false,
-    "stars": 115,
-    "formattedStars": "115",
+    "stars": 116,
+    "formattedStars": "116",
     "license": "Apache License 2.0",
     "lastRelease": "2023-10-16T07:50:50Z",
     "formattedLastRelease": "2 years ago"
   },
   "webiny/webiny-js": {
     "hasCommitsInLast3Months": false,
-    "stars": 7894,
+    "stars": 7900,
     "formattedStars": "8k",
     "license": "Other",
-    "lastRelease": "2025-09-16T08:29:00Z",
-    "formattedLastRelease": "2 months ago"
+    "lastRelease": "2025-12-09T11:36:01Z",
+    "formattedLastRelease": "3 days ago"
   },
   "ballerina-platform/module-ballerina-graphql": {
     "hasCommitsInLast3Months": false,
     "stars": 138,
     "formattedStars": "138",
     "license": "Apache License 2.0",
-    "lastRelease": "2025-11-06T10:54:08Z",
-    "formattedLastRelease": "3 weeks ago"
-  },
-  "oliyh/re-graph": {
-    "hasCommitsInLast3Months": false,
-    "stars": 464,
-    "formattedStars": "464",
-    "license": "Unknown",
-    "lastRelease": "2022-07-20T09:24:02Z",
-    "formattedLastRelease": "3 years ago"
-  },
-  "microsoft/cppgraphqlgen": {
-    "hasCommitsInLast3Months": false,
-    "stars": 343,
-    "formattedStars": "343",
-    "license": "MIT License",
-    "lastRelease": "2024-12-10T17:25:31Z",
-    "formattedLastRelease": "11 months ago"
-  },
-  "graphql/libgraphqlparser": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1102,
-    "formattedStars": "1k",
-    "license": "MIT License",
-    "lastRelease": "2017-10-16T21:47:42Z",
-    "formattedLastRelease": "8 years ago"
-  },
-  "alumbra/alumbra": {
-    "hasCommitsInLast3Months": false,
-    "stars": 148,
-    "formattedStars": "148",
-    "license": "MIT License",
-    "lastRelease": "2017-06-12T12:14:25Z",
-    "formattedLastRelease": "8 years ago"
-  },
-  "tendant/graphql-clj": {
-    "hasCommitsInLast3Months": false,
-    "stars": 285,
-    "formattedStars": "285",
-    "license": "Eclipse Public License 1.0",
-    "lastRelease": "",
-    "formattedLastRelease": ""
-  },
-  "walmartlabs/lacinia": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1843,
-    "formattedStars": "2k",
-    "license": "Other",
-    "lastRelease": "",
-    "formattedLastRelease": ""
+    "lastRelease": "2025-12-08T12:39:34Z",
+    "formattedLastRelease": "4 days ago"
   },
   "graphql-dotnet/graphql-client": {
     "hasCommitsInLast3Months": false,
-    "stars": 644,
+    "stars": 645,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2024-05-21T07:06:30Z",
@@ -197,7 +149,7 @@
     "formattedStars": "8",
     "license": "MIT License",
     "lastRelease": "2025-11-14T07:39:17Z",
-    "formattedLastRelease": "2 weeks ago"
+    "formattedLastRelease": "4 weeks ago"
   },
   "sahb1239/SAHB.GraphQLClient": {
     "hasCommitsInLast3Months": false,
@@ -217,19 +169,19 @@
   },
   "EntityGraphQL/EntityGraphQL": {
     "hasCommitsInLast3Months": false,
-    "stars": 449,
-    "formattedStars": "449",
+    "stars": 450,
+    "formattedStars": "450",
     "license": "MIT License",
-    "lastRelease": "2025-09-16T00:35:14Z",
-    "formattedLastRelease": "2 months ago"
+    "lastRelease": "2025-12-01T22:09:40Z",
+    "formattedLastRelease": "1 week ago"
   },
   "graphql-dotnet/graphql-dotnet": {
     "hasCommitsInLast3Months": false,
-    "stars": 5975,
+    "stars": 5976,
     "formattedStars": "6k",
     "license": "MIT License",
     "lastRelease": "2025-11-17T17:57:35Z",
-    "formattedLastRelease": "1 week ago"
+    "formattedLastRelease": "3 weeks ago"
   },
   "chkimes/graphql-net": {
     "hasCommitsInLast3Months": false,
@@ -247,37 +199,37 @@
     "lastRelease": "",
     "formattedLastRelease": ""
   },
-  "burner/graphqld": {
+  "microsoft/cppgraphqlgen": {
     "hasCommitsInLast3Months": false,
-    "stars": 35,
-    "formattedStars": "35",
-    "license": "GNU Lesser General Public License v3.0",
-    "lastRelease": "2024-05-14T13:42:29Z",
+    "stars": 343,
+    "formattedStars": "343",
+    "license": "MIT License",
+    "lastRelease": "2024-12-10T17:25:31Z",
     "formattedLastRelease": "1 year ago"
   },
-  "annkissam/common_graphql_client": {
+  "graphql/libgraphqlparser": {
     "hasCommitsInLast3Months": false,
-    "stars": 42,
-    "formattedStars": "42",
+    "stars": 1102,
+    "formattedStars": "1k",
     "license": "MIT License",
-    "lastRelease": "2020-05-05T16:48:50Z",
-    "formattedLastRelease": "5 years ago"
+    "lastRelease": "2017-10-16T21:47:42Z",
+    "formattedLastRelease": "8 years ago"
   },
-  "uesteibar/neuron": {
+  "burner/graphqld": {
     "hasCommitsInLast3Months": false,
-    "stars": 333,
-    "formattedStars": "333",
-    "license": "Other",
-    "lastRelease": "",
-    "formattedLastRelease": ""
+    "stars": 35,
+    "formattedStars": "35",
+    "license": "GNU Lesser General Public License v3.0",
+    "lastRelease": "2024-05-14T13:42:29Z",
+    "formattedLastRelease": "1 year ago"
   },
   "absinthe-graphql/absinthe": {
     "hasCommitsInLast3Months": false,
-    "stars": 4374,
+    "stars": 4379,
     "formattedStars": "4k",
     "license": "Other",
     "lastRelease": "2025-11-21T15:08:24Z",
-    "formattedLastRelease": "1 week ago"
+    "formattedLastRelease": "3 weeks ago"
   },
   "graphql-elixir/graphql": {
     "hasCommitsInLast3Months": false,
@@ -295,6 +247,14 @@
     "lastRelease": "",
     "formattedLastRelease": ""
   },
+  "oliyh/re-graph": {
+    "hasCommitsInLast3Months": false,
+    "stars": 464,
+    "formattedStars": "464",
+    "license": "Unknown",
+    "lastRelease": "2022-07-20T09:24:02Z",
+    "formattedLastRelease": "3 years ago"
+  },
   "jlouis/graphql-erlang": {
     "hasCommitsInLast3Months": false,
     "stars": 314,
@@ -303,9 +263,33 @@
     "lastRelease": "2018-06-22T12:35:43Z",
     "formattedLastRelease": "7 years ago"
   },
+  "alumbra/alumbra": {
+    "hasCommitsInLast3Months": false,
+    "stars": 148,
+    "formattedStars": "148",
+    "license": "MIT License",
+    "lastRelease": "2017-06-12T12:14:25Z",
+    "formattedLastRelease": "8 years ago"
+  },
+  "tendant/graphql-clj": {
+    "hasCommitsInLast3Months": false,
+    "stars": 285,
+    "formattedStars": "285",
+    "license": "Eclipse Public License 1.0",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
+  "walmartlabs/lacinia": {
+    "hasCommitsInLast3Months": false,
+    "stars": 1843,
+    "formattedStars": "2k",
+    "license": "Other",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
   "gql-dart/ferry": {
     "hasCommitsInLast3Months": false,
-    "stars": 628,
+    "stars": 630,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "",
@@ -319,9 +303,33 @@
     "lastRelease": "2025-10-21T16:42:55Z",
     "formattedLastRelease": "1 month ago"
   },
+  "annkissam/common_graphql_client": {
+    "hasCommitsInLast3Months": false,
+    "stars": 42,
+    "formattedStars": "42",
+    "license": "MIT License",
+    "lastRelease": "2020-05-05T16:48:50Z",
+    "formattedLastRelease": "5 years ago"
+  },
+  "uesteibar/neuron": {
+    "hasCommitsInLast3Months": false,
+    "stars": 333,
+    "formattedStars": "333",
+    "license": "Other",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
+  "dosco/graphjin": {
+    "hasCommitsInLast3Months": false,
+    "stars": 3014,
+    "formattedStars": "3k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-11-05T07:51:12Z",
+    "formattedLastRelease": "1 month ago"
+  },
   "Khan/genqlient": {
     "hasCommitsInLast3Months": false,
-    "stars": 1266,
+    "stars": 1274,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2025-05-18T19:09:08Z",
@@ -329,15 +337,15 @@
   },
   "hasura/go-graphql-client": {
     "hasCommitsInLast3Months": false,
-    "stars": 459,
-    "formattedStars": "459",
+    "stars": 461,
+    "formattedStars": "461",
     "license": "MIT License",
     "lastRelease": "2025-11-05T06:45:53Z",
-    "formattedLastRelease": "3 weeks ago"
+    "formattedLastRelease": "1 month ago"
   },
   "shurcooL/graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 728,
+    "stars": 727,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "",
@@ -353,11 +361,11 @@
   },
   "99designs/gqlgen": {
     "hasCommitsInLast3Months": false,
-    "stars": 10593,
+    "stars": 10607,
     "formattedStars": "11k",
     "license": "MIT License",
     "lastRelease": "2025-11-24T16:56:20Z",
-    "formattedLastRelease": "4 days ago"
+    "formattedLastRelease": "2 weeks ago"
   },
   "andrewwphillips/eggql": {
     "hasCommitsInLast3Months": false,
@@ -377,15 +385,15 @@
   },
   "graph-gophers/graphql-go": {
     "hasCommitsInLast3Months": false,
-    "stars": 4741,
+    "stars": 4743,
     "formattedStars": "5k",
     "license": "BSD 2-Clause \"Simplified\" License",
     "lastRelease": "2025-09-09T11:37:07Z",
-    "formattedLastRelease": "2 months ago"
+    "formattedLastRelease": "3 months ago"
   },
   "graphql-go/graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 10132,
+    "stars": 10135,
     "formattedStars": "10k",
     "license": "MIT License",
     "lastRelease": "2023-04-10T18:20:23Z",
@@ -409,43 +417,43 @@
   },
   "wundergraph/graphql-go-tools": {
     "hasCommitsInLast3Months": false,
-    "stars": 790,
+    "stars": 814,
     "formattedStars": "1k",
     "license": "MIT License",
-    "lastRelease": "2025-11-21T21:18:20Z",
-    "formattedLastRelease": "1 week ago"
+    "lastRelease": "2025-12-10T11:25:46Z",
+    "formattedLastRelease": "2 days ago"
   },
-  "dosco/graphjin": {
+  "morpheusgraphql/morpheus-graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 3011,
-    "formattedStars": "3k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-11-05T07:51:12Z",
-    "formattedLastRelease": "3 weeks ago"
+    "stars": 418,
+    "formattedStars": "418",
+    "license": "MIT License",
+    "lastRelease": "2024-06-10T08:34:35Z",
+    "formattedLastRelease": "1 year ago"
   },
-  "grails/gorm-graphql": {
+  "apollographql/apollo-kotlin": {
     "hasCommitsInLast3Months": false,
-    "stars": 81,
-    "formattedStars": "81",
-    "license": "Unknown",
-    "lastRelease": "2023-12-08T10:48:05Z",
-    "formattedLastRelease": "1 year ago"
+    "stars": 3930,
+    "formattedStars": "4k",
+    "license": "MIT License",
+    "lastRelease": "2025-11-13T17:33:51Z",
+    "formattedLastRelease": "4 weeks ago"
   },
-  "grooviter/gql": {
+  "ExpediaGroup/graphql-kotlin": {
     "hasCommitsInLast3Months": false,
-    "stars": 49,
-    "formattedStars": "49",
+    "stars": 1796,
+    "formattedStars": "2k",
     "license": "Apache License 2.0",
-    "lastRelease": "2024-11-05T10:13:23Z",
-    "formattedLastRelease": "1 year ago"
+    "lastRelease": "2025-06-16T17:02:18Z",
+    "formattedLastRelease": "5 months ago"
   },
-  "morpheusgraphql/morpheus-graphql": {
+  "americanexpress/nodes": {
     "hasCommitsInLast3Months": false,
-    "stars": 418,
-    "formattedStars": "418",
-    "license": "MIT License",
-    "lastRelease": "2024-06-10T08:34:35Z",
-    "formattedLastRelease": "1 year ago"
+    "stars": 307,
+    "formattedStars": "307",
+    "license": "Apache License 2.0",
+    "lastRelease": "2019-07-13T22:47:01Z",
+    "formattedLastRelease": "6 years ago"
   },
   "jasonsychau/graphql-w-persistent": {
     "hasCommitsInLast3Months": false,
@@ -463,47 +471,135 @@
     "lastRelease": "2021-01-11T11:19:38Z",
     "formattedLastRelease": "4 years ago"
   },
-  "apollographql/apollo-client": {
+  "grails/gorm-graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 19673,
-    "formattedStars": "20k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-19T01:20:25Z",
-    "formattedLastRelease": "1 week ago"
+    "stars": 81,
+    "formattedStars": "81",
+    "license": "Unknown",
+    "lastRelease": "2023-12-08T10:48:05Z",
+    "formattedLastRelease": "2 years ago"
   },
-  "aws-amplify/amplify-js": {
+  "grooviter/gql": {
     "hasCommitsInLast3Months": false,
-    "stars": 9567,
-    "formattedStars": "10k",
+    "stars": 49,
+    "formattedStars": "49",
     "license": "Apache License 2.0",
-    "lastRelease": "2025-11-06T13:36:19Z",
-    "formattedLastRelease": "3 weeks ago"
+    "lastRelease": "2024-11-05T10:13:23Z",
+    "formattedLastRelease": "1 year ago"
   },
-  "Houfeng/gq-loader": {
+  "graphql-java-generator/graphql-gradle-plugin-project": {
     "hasCommitsInLast3Months": false,
-    "stars": 59,
-    "formattedStars": "59",
-    "license": "Unknown",
+    "stars": 57,
+    "formattedStars": "57",
+    "license": "MIT License",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
-  "gqty-dev/gqty": {
+  "graphql-calculator/graphql-calculator": {
     "hasCommitsInLast3Months": false,
-    "stars": 1030,
-    "formattedStars": "1k",
-    "license": "MIT License",
-    "lastRelease": "2025-10-26T19:29:38Z",
-    "formattedLastRelease": "1 month ago"
+    "stars": 112,
+    "formattedStars": "112",
+    "license": "Apache License 2.0",
+    "lastRelease": "2021-09-03T01:56:25Z",
+    "formattedLastRelease": "4 years ago"
   },
-  "grafoojs/grafoo": {
+  "graphql-java-kickstart/graphql-spring-boot": {
     "hasCommitsInLast3Months": false,
-    "stars": 274,
-    "formattedStars": "274",
+    "stars": 1513,
+    "formattedStars": "2k",
     "license": "MIT License",
-    "lastRelease": "2018-06-20T15:21:00Z",
-    "formattedLastRelease": "7 years ago"
+    "lastRelease": "2023-12-07T11:07:47Z",
+    "formattedLastRelease": "2 years ago"
   },
-  "badbatch/graphql-box": {
+  "graphql-java/graphql-java": {
+    "hasCommitsInLast3Months": false,
+    "stars": 6227,
+    "formattedStars": "6k",
+    "license": "MIT License",
+    "lastRelease": "2025-11-10T01:21:35Z",
+    "formattedLastRelease": "1 month ago"
+  },
+  "babyfish-ct/jimmer": {
+    "hasCommitsInLast3Months": false,
+    "stars": 1581,
+    "formattedStars": "2k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-11-26T13:05:27Z",
+    "formattedLastRelease": "2 weeks ago"
+  },
+  "aPureBase/KGraphQL": {
+    "hasCommitsInLast3Months": false,
+    "stars": 308,
+    "formattedStars": "308",
+    "license": "MIT License",
+    "lastRelease": "2023-01-27T10:09:55Z",
+    "formattedLastRelease": "2 years ago"
+  },
+  "eclipse/microprofile-graphql": {
+    "hasCommitsInLast3Months": false,
+    "stars": 101,
+    "formattedStars": "101",
+    "license": "Apache License 2.0",
+    "lastRelease": "2022-03-21T18:26:51Z",
+    "formattedLastRelease": "3 years ago"
+  },
+  "netflix/dgs-framework": {
+    "hasCommitsInLast3Months": false,
+    "stars": 3281,
+    "formattedStars": "3k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-12-05T21:45:25Z",
+    "formattedLastRelease": "6 days ago"
+  },
+  "spring-projects/spring-graphql": {
+    "hasCommitsInLast3Months": false,
+    "stars": 1580,
+    "formattedStars": "2k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-11-18T10:05:26Z",
+    "formattedLastRelease": "3 weeks ago"
+  },
+  "apollographql/apollo-client": {
+    "hasCommitsInLast3Months": false,
+    "stars": 19681,
+    "formattedStars": "20k",
+    "license": "MIT License",
+    "lastRelease": "2025-12-10T08:08:29Z",
+    "formattedLastRelease": "2 days ago"
+  },
+  "aws-amplify/amplify-js": {
+    "hasCommitsInLast3Months": false,
+    "stars": 9570,
+    "formattedStars": "10k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-12-10T14:00:23Z",
+    "formattedLastRelease": "2 days ago"
+  },
+  "Houfeng/gq-loader": {
+    "hasCommitsInLast3Months": false,
+    "stars": 59,
+    "formattedStars": "59",
+    "license": "Unknown",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
+  "gqty-dev/gqty": {
+    "hasCommitsInLast3Months": false,
+    "stars": 1031,
+    "formattedStars": "1k",
+    "license": "MIT License",
+    "lastRelease": "2025-10-26T19:29:38Z",
+    "formattedLastRelease": "1 month ago"
+  },
+  "grafoojs/grafoo": {
+    "hasCommitsInLast3Months": false,
+    "stars": 274,
+    "formattedStars": "274",
+    "license": "MIT License",
+    "lastRelease": "2018-06-20T15:21:00Z",
+    "formattedLastRelease": "7 years ago"
+  },
+  "badbatch/graphql-box": {
     "hasCommitsInLast3Months": false,
     "stars": 27,
     "formattedStars": "27",
@@ -513,32 +609,32 @@
   },
   "nearform/graphql-hooks": {
     "hasCommitsInLast3Months": false,
-    "stars": 1889,
+    "stars": 1888,
     "formattedStars": "2k",
     "license": "Other",
     "lastRelease": "2025-01-08T18:45:52Z",
-    "formattedLastRelease": "10 months ago"
+    "formattedLastRelease": "11 months ago"
   },
   "graphql/graphql-http": {
     "hasCommitsInLast3Months": false,
-    "stars": 357,
-    "formattedStars": "357",
+    "stars": 359,
+    "formattedStars": "359",
     "license": "MIT License",
     "lastRelease": "2025-01-17T14:16:52Z",
     "formattedLastRelease": "10 months ago"
   },
   "jasonkuhrt/graphql-request": {
     "hasCommitsInLast3Months": false,
-    "stars": 6081,
+    "stars": 6086,
     "formattedStars": "6k",
     "license": "MIT License",
-    "lastRelease": "2025-11-25T16:55:56Z",
-    "formattedLastRelease": "3 days ago"
+    "lastRelease": "2025-12-12T15:51:04Z",
+    "formattedLastRelease": "4 hours ago"
   },
   "enisdenjo/graphql-sse": {
     "hasCommitsInLast3Months": false,
-    "stars": 435,
-    "formattedStars": "435",
+    "stars": 438,
+    "formattedStars": "438",
     "license": "MIT License",
     "lastRelease": "2025-10-22T16:19:40Z",
     "formattedLastRelease": "1 month ago"
@@ -553,7 +649,7 @@
   },
   "enisdenjo/graphql-ws": {
     "hasCommitsInLast3Months": false,
-    "stars": 1843,
+    "stars": 1846,
     "formattedStars": "2k",
     "license": "MIT License",
     "lastRelease": "2025-07-14T12:15:37Z",
@@ -585,59 +681,43 @@
   },
   "facebook/relay": {
     "hasCommitsInLast3Months": false,
-    "stars": 18893,
+    "stars": 18900,
     "formattedStars": "19k",
     "license": "MIT License",
     "lastRelease": "2025-08-06T23:45:00Z",
-    "formattedLastRelease": "3 months ago"
+    "formattedLastRelease": "4 months ago"
   },
   "FormidableLabs/urql": {
     "hasCommitsInLast3Months": false,
-    "stars": 8900,
+    "stars": 8905,
     "formattedStars": "9k",
     "license": "MIT License",
     "lastRelease": "2025-08-29T08:06:41Z",
     "formattedLastRelease": "3 months ago"
   },
-  "apollographql/apollo-server": {
-    "hasCommitsInLast3Months": false,
-    "stars": 13926,
-    "formattedStars": "14k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-21T23:19:03Z",
-    "formattedLastRelease": "1 week ago"
-  },
-  "graphql/graphql-js": {
+  "neomatrixcode/Diana.jl": {
     "hasCommitsInLast3Months": false,
-    "stars": 20279,
-    "formattedStars": "20k",
+    "stars": 117,
+    "formattedStars": "117",
     "license": "MIT License",
-    "lastRelease": "2025-11-01T14:18:53Z",
-    "formattedLastRelease": "3 weeks ago"
+    "lastRelease": "2022-08-16T03:22:22Z",
+    "formattedLastRelease": "3 years ago"
   },
-  "dotansimha/graphql-yoga": {
+  "DeloitteDigitalAPAC/GraphQLClient.jl": {
     "hasCommitsInLast3Months": false,
-    "stars": 8455,
-    "formattedStars": "8k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-28T11:05:21Z",
-    "formattedLastRelease": "1 day ago"
+    "stars": 47,
+    "formattedStars": "47",
+    "license": "Other",
+    "lastRelease": "2022-10-26T16:48:16Z",
+    "formattedLastRelease": "3 years ago"
   },
-  "mercurius-js/mercurius": {
+  "andreas/ocaml-graphql-server": {
     "hasCommitsInLast3Months": false,
-    "stars": 2462,
-    "formattedStars": "2k",
+    "stars": 621,
+    "formattedStars": "1k",
     "license": "MIT License",
-    "lastRelease": "2025-11-13T14:12:18Z",
-    "formattedLastRelease": "2 weeks ago"
-  },
-  "getcronit/pylon": {
-    "hasCommitsInLast3Months": false,
-    "stars": 345,
-    "formattedStars": "345",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-10-01T08:35:15Z",
-    "formattedLastRelease": "1 month ago"
+    "lastRelease": "2022-07-08T16:26:45Z",
+    "formattedLastRelease": "3 years ago"
   },
   "networkimprov/brangr": {
     "hasCommitsInLast3Months": false,
@@ -649,19 +729,19 @@
   },
   "hayes/giraphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 2553,
+    "stars": 2561,
     "formattedStars": "3k",
     "license": "ISC License",
-    "lastRelease": "2025-11-10T01:29:18Z",
-    "formattedLastRelease": "2 weeks ago"
+    "lastRelease": "2025-12-10T22:07:12Z",
+    "formattedLastRelease": "1 day ago"
   },
   "graphql/graphiql": {
     "hasCommitsInLast3Months": false,
-    "stars": 16715,
+    "stars": 16730,
     "formattedStars": "17k",
     "license": "MIT License",
-    "lastRelease": "2025-11-01T22:30:04Z",
-    "formattedLastRelease": "3 weeks ago"
+    "lastRelease": "2025-11-30T09:04:01Z",
+    "formattedLastRelease": "1 week ago"
   },
   "Urigo/graphql-cli": {
     "hasCommitsInLast3Months": false,
@@ -673,11 +753,11 @@
   },
   "dotansimha/graphql-code-generator": {
     "hasCommitsInLast3Months": false,
-    "stars": 11179,
+    "stars": 11183,
     "formattedStars": "11k",
     "license": "MIT License",
     "lastRelease": "2025-11-29T04:07:19Z",
-    "formattedLastRelease": "7 hours ago"
+    "formattedLastRelease": "1 week ago"
   },
   "kamilkisiela/graphql-config": {
     "hasCommitsInLast3Months": false,
@@ -689,7 +769,7 @@
   },
   "dimaMachina/graphql-eslint/": {
     "hasCommitsInLast3Months": false,
-    "stars": 831,
+    "stars": 832,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2025-03-26T14:11:23Z",
@@ -700,8 +780,8 @@
     "stars": 1725,
     "formattedStars": "2k",
     "license": "MIT License",
-    "lastRelease": "2025-11-15T02:42:13Z",
-    "formattedLastRelease": "2 weeks ago"
+    "lastRelease": "2025-12-10T22:16:19Z",
+    "formattedLastRelease": "1 day ago"
   },
   "graphql/graphql-language-service": {
     "hasCommitsInLast3Months": false,
@@ -713,18 +793,18 @@
   },
   "n1ru4l/graphql-live-query": {
     "hasCommitsInLast3Months": false,
-    "stars": 440,
-    "formattedStars": "440",
+    "stars": 441,
+    "formattedStars": "441",
     "license": "MIT License",
     "lastRelease": "2022-07-29T09:27:53Z",
     "formattedLastRelease": "3 years ago"
   },
   "Urigo/graphql-mesh": {
     "hasCommitsInLast3Months": false,
-    "stars": 3463,
+    "stars": 3465,
     "formattedStars": "3k",
     "license": "MIT License",
-    "lastRelease": "2025-11-19T12:12:00Z",
+    "lastRelease": "2025-12-04T22:32:32Z",
     "formattedLastRelease": "1 week ago"
   },
   "maticzav/graphql-middleware": {
@@ -745,7 +825,7 @@
   },
   "Urigo/graphql-scalars": {
     "hasCommitsInLast3Months": false,
-    "stars": 1927,
+    "stars": 1929,
     "formattedStars": "2k",
     "license": "MIT License",
     "lastRelease": "2025-10-14T23:00:24Z",
@@ -753,7 +833,7 @@
   },
   "maticzav/graphql-shield": {
     "hasCommitsInLast3Months": false,
-    "stars": 3574,
+    "stars": 3573,
     "formattedStars": "4k",
     "license": "MIT License",
     "lastRelease": "2022-11-22T19:08:37Z",
@@ -761,11 +841,11 @@
   },
   "ardatan/graphql-tools": {
     "hasCommitsInLast3Months": false,
-    "stars": 5418,
+    "stars": 5416,
     "formattedStars": "5k",
     "license": "MIT License",
     "lastRelease": "2025-11-28T10:05:14Z",
-    "formattedLastRelease": "1 day ago"
+    "formattedLastRelease": "2 weeks ago"
   },
   "anvilco/graphql-introspection-tools": {
     "hasCommitsInLast3Months": false,
@@ -777,7 +857,7 @@
   },
   "graphile/postgraphile": {
     "hasCommitsInLast3Months": false,
-    "stars": 12858,
+    "stars": 12866,
     "formattedStars": "13k",
     "license": "Other",
     "lastRelease": "2023-10-05T16:27:00Z",
@@ -785,7 +865,7 @@
   },
   "Urigo/SOFA": {
     "hasCommitsInLast3Months": false,
-    "stars": 1111,
+    "stars": 1112,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2024-12-16T10:06:41Z",
@@ -793,59 +873,131 @@
   },
   "anvilco/spectaql": {
     "hasCommitsInLast3Months": false,
-    "stars": 1205,
+    "stars": 1207,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
-  "neomatrixcode/Diana.jl": {
+  "apollographql/apollo-server": {
     "hasCommitsInLast3Months": false,
-    "stars": 117,
-    "formattedStars": "117",
+    "stars": 13930,
+    "formattedStars": "14k",
     "license": "MIT License",
-    "lastRelease": "2022-08-16T03:22:22Z",
-    "formattedLastRelease": "3 years ago"
+    "lastRelease": "2025-11-21T23:19:03Z",
+    "formattedLastRelease": "2 weeks ago"
   },
-  "DeloitteDigitalAPAC/GraphQLClient.jl": {
+  "graphql/graphql-js": {
     "hasCommitsInLast3Months": false,
-    "stars": 47,
-    "formattedStars": "47",
-    "license": "Other",
-    "lastRelease": "2022-10-26T16:48:16Z",
-    "formattedLastRelease": "3 years ago"
+    "stars": 20290,
+    "formattedStars": "20k",
+    "license": "MIT License",
+    "lastRelease": "2025-11-01T14:18:53Z",
+    "formattedLastRelease": "1 month ago"
   },
-  "andreas/ocaml-graphql-server": {
+  "dotansimha/graphql-yoga": {
     "hasCommitsInLast3Months": false,
-    "stars": 621,
-    "formattedStars": "1k",
+    "stars": 8460,
+    "formattedStars": "8k",
     "license": "MIT License",
-    "lastRelease": "2022-07-08T16:26:45Z",
-    "formattedLastRelease": "3 years ago"
+    "lastRelease": "2025-12-02T00:13:11Z",
+    "formattedLastRelease": "1 week ago"
+  },
+  "mercurius-js/mercurius": {
+    "hasCommitsInLast3Months": false,
+    "stars": 2464,
+    "formattedStars": "2k",
+    "license": "MIT License",
+    "lastRelease": "2025-11-13T14:12:18Z",
+    "formattedLastRelease": "4 weeks ago"
+  },
+  "getcronit/pylon": {
+    "hasCommitsInLast3Months": false,
+    "stars": 348,
+    "formattedStars": "348",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-10-01T08:35:15Z",
+    "formattedLastRelease": "2 months ago"
   },
   "graphql-perl/graphql-perl": {
     "hasCommitsInLast3Months": false,
-    "stars": 73,
-    "formattedStars": "73",
+    "stars": 72,
+    "formattedStars": "72",
+    "license": "Unknown",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
+  "mirumee/ariadne-codegen": {
+    "hasCommitsInLast3Months": false,
+    "stars": 373,
+    "formattedStars": "373",
+    "license": "BSD 3-Clause \"New\" or \"Revised\" License",
+    "lastRelease": "2025-12-06T19:39:02Z",
+    "formattedLastRelease": "6 days ago"
+  },
+  "graphql-python/gql": {
+    "hasCommitsInLast3Months": false,
+    "stars": 1654,
+    "formattedStars": "2k",
+    "license": "MIT License",
+    "lastRelease": "2025-09-05T14:22:54Z",
+    "formattedLastRelease": "3 months ago"
+  },
+  "denisart/graphql-query": {
+    "hasCommitsInLast3Months": false,
+    "stars": 66,
+    "formattedStars": "66",
+    "license": "MIT License",
+    "lastRelease": "2024-07-31T10:54:53Z",
+    "formattedLastRelease": "1 year ago"
+  },
+  "prisma-labs/python-graphql-client": {
+    "hasCommitsInLast3Months": false,
+    "stars": 156,
+    "formattedStars": "156",
+    "license": "MIT License",
+    "lastRelease": "",
+    "formattedLastRelease": ""
+  },
+  "dsal3389/ql": {
+    "hasCommitsInLast3Months": false,
+    "stars": 9,
+    "formattedStars": "9",
     "license": "Unknown",
+    "lastRelease": "2025-02-04T17:36:51Z",
+    "formattedLastRelease": "10 months ago"
+  },
+  "qlient-org/python-qlient": {
+    "hasCommitsInLast3Months": false,
+    "stars": 46,
+    "formattedStars": "46",
+    "license": "MIT License",
+    "lastRelease": "2022-07-29T16:10:08Z",
+    "formattedLastRelease": "3 years ago"
+  },
+  "profusion/sgqlc": {
+    "hasCommitsInLast3Months": false,
+    "stars": 547,
+    "formattedStars": "1k",
+    "license": "ISC License",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
   "api-platform/api-platform": {
     "hasCommitsInLast3Months": false,
-    "stars": 9054,
+    "stars": 9066,
     "formattedStars": "9k",
     "license": "MIT License",
     "lastRelease": "2025-03-11T16:15:41Z",
-    "formattedLastRelease": "8 months ago"
+    "formattedLastRelease": "9 months ago"
   },
   "GatoGraphQL/GatoGraphQL": {
     "hasCommitsInLast3Months": false,
-    "stars": 376,
-    "formattedStars": "376",
+    "stars": 377,
+    "formattedStars": "377",
     "license": "GNU General Public License v2.0",
     "lastRelease": "2025-11-26T08:29:30Z",
-    "formattedLastRelease": "3 days ago"
+    "formattedLastRelease": "2 weeks ago"
   },
   "infinityloop-dev/graphpinator": {
     "hasCommitsInLast3Months": false,
@@ -861,15 +1013,15 @@
     "formattedStars": "16",
     "license": "MIT License",
     "lastRelease": "2025-10-11T09:19:14Z",
-    "formattedLastRelease": "1 month ago"
+    "formattedLastRelease": "2 months ago"
   },
   "webonyx/graphql-php": {
     "hasCommitsInLast3Months": false,
-    "stars": 4702,
+    "stars": 4706,
     "formattedStars": "5k",
     "license": "MIT License",
-    "lastRelease": "2025-11-20T11:51:16Z",
-    "formattedLastRelease": "1 week ago"
+    "lastRelease": "2025-12-09T07:31:19Z",
+    "formattedLastRelease": "3 days ago"
   },
   "ivome/graphql-relay-php": {
     "hasCommitsInLast3Months": false,
@@ -885,7 +1037,7 @@
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2025-10-31T08:00:22Z",
-    "formattedLastRelease": "4 weeks ago"
+    "formattedLastRelease": "1 month ago"
   },
   "thecodingmachine/graphqlite": {
     "hasCommitsInLast3Months": false,
@@ -893,15 +1045,15 @@
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2025-09-04T16:39:26Z",
-    "formattedLastRelease": "2 months ago"
+    "formattedLastRelease": "3 months ago"
   },
   "nuwave/lighthouse": {
     "hasCommitsInLast3Months": false,
-    "stars": 3465,
+    "stars": 3471,
     "formattedStars": "3k",
     "license": "MIT License",
-    "lastRelease": "2025-09-11T08:07:50Z",
-    "formattedLastRelease": "2 months ago"
+    "lastRelease": "2025-12-05T08:19:37Z",
+    "formattedLastRelease": "1 week ago"
   },
   "railt/railt": {
     "hasCommitsInLast3Months": false,
@@ -929,71 +1081,63 @@
   },
   "wp-graphql/wp-graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 3759,
+    "stars": 3758,
     "formattedStars": "4k",
     "license": "GNU General Public License v3.0",
     "lastRelease": "2025-11-24T22:39:55Z",
-    "formattedLastRelease": "4 days ago"
+    "formattedLastRelease": "2 weeks ago"
   },
-  "mirumee/ariadne-codegen": {
+  "ropensci/ghql": {
     "hasCommitsInLast3Months": false,
-    "stars": 368,
-    "formattedStars": "368",
-    "license": "BSD 3-Clause \"New\" or \"Revised\" License",
-    "lastRelease": "2025-10-13T06:38:02Z",
-    "formattedLastRelease": "1 month ago"
+    "stars": 149,
+    "formattedStars": "149",
+    "license": "Other",
+    "lastRelease": "2025-09-08T08:41:00Z",
+    "formattedLastRelease": "3 months ago"
   },
-  "graphql-python/gql": {
+  "ghostdogpr/caliban": {
     "hasCommitsInLast3Months": false,
-    "stars": 1653,
-    "formattedStars": "2k",
-    "license": "MIT License",
-    "lastRelease": "2025-09-05T14:22:54Z",
-    "formattedLastRelease": "2 months ago"
+    "stars": 977,
+    "formattedStars": "1k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-07-14T00:24:20Z",
+    "formattedLastRelease": "4 months ago"
   },
-  "denisart/graphql-query": {
+  "ohler55/agoo": {
     "hasCommitsInLast3Months": false,
-    "stars": 66,
-    "formattedStars": "66",
+    "stars": 924,
+    "formattedStars": "1k",
     "license": "MIT License",
-    "lastRelease": "2024-07-31T10:54:53Z",
-    "formattedLastRelease": "1 year ago"
+    "lastRelease": "2025-09-24T22:20:23Z",
+    "formattedLastRelease": "2 months ago"
   },
-  "prisma-labs/python-graphql-client": {
+  "rmosolgo/graphql-ruby": {
     "hasCommitsInLast3Months": false,
-    "stars": 156,
-    "formattedStars": "156",
+    "stars": 5427,
+    "formattedStars": "5k",
     "license": "MIT License",
-    "lastRelease": "",
-    "formattedLastRelease": ""
-  },
-  "dsal3389/ql": {
-    "hasCommitsInLast3Months": false,
-    "stars": 9,
-    "formattedStars": "9",
-    "license": "Unknown",
-    "lastRelease": "2025-02-04T17:36:51Z",
-    "formattedLastRelease": "9 months ago"
+    "lastRelease": "2025-07-19T17:15:49Z",
+    "formattedLastRelease": "4 months ago"
   },
-  "qlient-org/python-qlient": {
+  "virtualshield/rails-graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 46,
-    "formattedStars": "46",
+    "stars": 187,
+    "formattedStars": "187",
     "license": "MIT License",
-    "lastRelease": "2022-07-29T16:10:08Z",
-    "formattedLastRelease": "3 years ago"
+    "lastRelease": "2025-08-25T17:53:38Z",
+    "formattedLastRelease": "3 months ago"
   },
-  "profusion/sgqlc": {
+  "sangria-graphql/sangria": {
     "hasCommitsInLast3Months": false,
-    "stars": 546,
-    "formattedStars": "1k",
-    "license": "ISC License",
-    "lastRelease": "",
-    "formattedLastRelease": ""
+    "stars": 1957,
+    "formattedStars": "2k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-10-20T11:40:30Z",
+    "formattedLastRelease": "1 month ago"
   },
   "mirumee/ariadne": {
     "hasCommitsInLast3Months": false,
-    "stars": 2309,
+    "stars": 2310,
     "formattedStars": "2k",
     "license": "BSD 3-Clause \"New\" or \"Revised\" License",
     "lastRelease": "2025-04-18T08:27:47Z",
@@ -1017,7 +1161,7 @@
   },
   "graphql-python/graphene": {
     "hasCommitsInLast3Months": false,
-    "stars": 8239,
+    "stars": 8240,
     "formattedStars": "8k",
     "license": "MIT License",
     "lastRelease": "2024-11-09T20:43:58Z",
@@ -1025,203 +1169,131 @@
   },
   "strawberry-graphql/strawberry": {
     "hasCommitsInLast3Months": false,
-    "stars": 4569,
+    "stars": 4571,
     "formattedStars": "5k",
     "license": "MIT License",
-    "lastRelease": "2025-11-22T13:00:06Z",
-    "formattedLastRelease": "6 days ago"
+    "lastRelease": "2025-12-12T11:49:36Z",
+    "formattedLastRelease": "9 hours ago"
   },
   "tartiflette/tartiflette": {
     "hasCommitsInLast3Months": false,
-    "stars": 856,
+    "stars": 854,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2021-11-15T11:05:03Z",
     "formattedLastRelease": "4 years ago"
   },
-  "apollographql/apollo-kotlin": {
-    "hasCommitsInLast3Months": false,
-    "stars": 3929,
-    "formattedStars": "4k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-13T17:33:51Z",
-    "formattedLastRelease": "2 weeks ago"
-  },
-  "ExpediaGroup/graphql-kotlin": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1795,
-    "formattedStars": "2k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-06-16T17:02:18Z",
-    "formattedLastRelease": "5 months ago"
-  },
-  "americanexpress/nodes": {
-    "hasCommitsInLast3Months": false,
-    "stars": 307,
-    "formattedStars": "307",
-    "license": "Apache License 2.0",
-    "lastRelease": "2019-07-13T22:47:01Z",
-    "formattedLastRelease": "6 years ago"
-  },
-  "graphql-calculator/graphql-calculator": {
-    "hasCommitsInLast3Months": false,
-    "stars": 112,
-    "formattedStars": "112",
-    "license": "Apache License 2.0",
-    "lastRelease": "2021-09-03T01:56:25Z",
-    "formattedLastRelease": "4 years ago"
-  },
-  "graphql-java-kickstart/graphql-spring-boot": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1513,
-    "formattedStars": "2k",
-    "license": "MIT License",
-    "lastRelease": "2023-12-07T11:07:47Z",
-    "formattedLastRelease": "1 year ago"
-  },
-  "graphql-java/graphql-java": {
-    "hasCommitsInLast3Months": false,
-    "stars": 6226,
-    "formattedStars": "6k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-10T01:21:35Z",
-    "formattedLastRelease": "2 weeks ago"
-  },
-  "babyfish-ct/jimmer": {
+  "obmarg/cynic": {
     "hasCommitsInLast3Months": false,
-    "stars": 1565,
-    "formattedStars": "2k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-11-26T13:05:27Z",
-    "formattedLastRelease": "2 days ago"
+    "stars": 443,
+    "formattedStars": "443",
+    "license": "Mozilla Public License 2.0",
+    "lastRelease": "2025-08-19T19:37:22Z",
+    "formattedLastRelease": "3 months ago"
   },
-  "aPureBase/KGraphQL": {
+  "arthurkhlghatyan/gql-client-rs": {
     "hasCommitsInLast3Months": false,
-    "stars": 308,
-    "formattedStars": "308",
+    "stars": 51,
+    "formattedStars": "51",
     "license": "MIT License",
-    "lastRelease": "2023-01-27T10:09:55Z",
-    "formattedLastRelease": "2 years ago"
+    "lastRelease": "2025-06-07T14:31:10Z",
+    "formattedLastRelease": "6 months ago"
   },
-  "eclipse/microprofile-graphql": {
+  "async-graphql/async-graphql": {
     "hasCommitsInLast3Months": false,
-    "stars": 101,
-    "formattedStars": "101",
+    "stars": 3606,
+    "formattedStars": "4k",
     "license": "Apache License 2.0",
-    "lastRelease": "2022-03-21T18:26:51Z",
-    "formattedLastRelease": "3 years ago"
+    "lastRelease": "",
+    "formattedLastRelease": ""
   },
-  "netflix/dgs-framework": {
+  "graphql-rust/juniper": {
     "hasCommitsInLast3Months": false,
-    "stars": 3280,
-    "formattedStars": "3k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-11-24T21:04:55Z",
-    "formattedLastRelease": "4 days ago"
+    "stars": 5920,
+    "formattedStars": "6k",
+    "license": "Other",
+    "lastRelease": "2025-09-08T23:23:40Z",
+    "formattedLastRelease": "3 months ago"
   },
-  "spring-projects/spring-graphql": {
+  "apollographql/router": {
     "hasCommitsInLast3Months": false,
-    "stars": 1578,
-    "formattedStars": "2k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-11-18T10:05:26Z",
-    "formattedLastRelease": "1 week ago"
+    "stars": 941,
+    "formattedStars": "1k",
+    "license": "Other",
+    "lastRelease": "2025-12-12T12:42:12Z",
+    "formattedLastRelease": "8 hours ago"
   },
-  "graphql-java-generator/graphql-gradle-plugin-project": {
+  "eerimoq/gqt": {
     "hasCommitsInLast3Months": false,
-    "stars": 57,
-    "formattedStars": "57",
+    "stars": 470,
+    "formattedStars": "470",
     "license": "MIT License",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
-  "ropensci/ghql": {
-    "hasCommitsInLast3Months": false,
-    "stars": 149,
-    "formattedStars": "149",
-    "license": "Other",
-    "lastRelease": "2025-09-08T08:41:00Z",
-    "formattedLastRelease": "2 months ago"
-  },
-  "ohler55/agoo": {
+  "Escape-Technologies/graphql-armor": {
     "hasCommitsInLast3Months": false,
-    "stars": 924,
+    "stars": 561,
     "formattedStars": "1k",
     "license": "MIT License",
-    "lastRelease": "2025-09-24T22:20:23Z",
-    "formattedLastRelease": "2 months ago"
+    "lastRelease": "2025-08-22T13:32:40Z",
+    "formattedLastRelease": "3 months ago"
   },
-  "rmosolgo/graphql-ruby": {
+  "ldebruijn/graphql-protect": {
     "hasCommitsInLast3Months": false,
-    "stars": 5428,
-    "formattedStars": "5k",
+    "stars": 34,
+    "formattedStars": "34",
     "license": "MIT License",
-    "lastRelease": "2025-07-19T17:15:49Z",
-    "formattedLastRelease": "4 months ago"
+    "lastRelease": "2025-11-25T14:27:46Z",
+    "formattedLastRelease": "2 weeks ago"
   },
-  "virtualshield/rails-graphql": {
+  "graphql-hive/gateway": {
     "hasCommitsInLast3Months": false,
-    "stars": 187,
-    "formattedStars": "187",
+    "stars": 69,
+    "formattedStars": "69",
     "license": "MIT License",
-    "lastRelease": "2025-08-25T17:53:38Z",
-    "formattedLastRelease": "3 months ago"
+    "lastRelease": "2025-12-10T19:27:44Z",
+    "formattedLastRelease": "2 days ago"
   },
-  "obmarg/cynic": {
+  "microcks/microcks": {
     "hasCommitsInLast3Months": false,
-    "stars": 442,
-    "formattedStars": "442",
-    "license": "Mozilla Public License 2.0",
-    "lastRelease": "2025-08-19T19:37:22Z",
-    "formattedLastRelease": "3 months ago"
+    "stars": 1762,
+    "formattedStars": "2k",
+    "license": "Apache License 2.0",
+    "lastRelease": "2025-12-08T15:51:55Z",
+    "formattedLastRelease": "4 days ago"
   },
-  "arthurkhlghatyan/gql-client-rs": {
+  "schemathesis/schemathesis": {
     "hasCommitsInLast3Months": false,
-    "stars": 51,
-    "formattedStars": "51",
+    "stars": 2891,
+    "formattedStars": "3k",
     "license": "MIT License",
-    "lastRelease": "2025-06-07T14:31:10Z",
-    "formattedLastRelease": "5 months ago"
+    "lastRelease": "2025-12-10T19:22:47Z",
+    "formattedLastRelease": "2 days ago"
   },
-  "async-graphql/async-graphql": {
+  "glideapps/quicktype": {
     "hasCommitsInLast3Months": false,
-    "stars": 3594,
-    "formattedStars": "4k",
+    "stars": 13505,
+    "formattedStars": "14k",
     "license": "Apache License 2.0",
     "lastRelease": "",
     "formattedLastRelease": ""
   },
-  "graphql-rust/juniper": {
-    "hasCommitsInLast3Months": false,
-    "stars": 5911,
-    "formattedStars": "6k",
-    "license": "Other",
-    "lastRelease": "2025-09-08T23:23:40Z",
-    "formattedLastRelease": "2 months ago"
-  },
-  "ghostdogpr/caliban": {
+  "wundergraph/cosmo": {
     "hasCommitsInLast3Months": false,
-    "stars": 976,
+    "stars": 1126,
     "formattedStars": "1k",
     "license": "Apache License 2.0",
-    "lastRelease": "2025-07-14T00:24:20Z",
-    "formattedLastRelease": "4 months ago"
-  },
-  "sangria-graphql/sangria": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1957,
-    "formattedStars": "2k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-10-20T11:40:30Z",
-    "formattedLastRelease": "1 month ago"
+    "lastRelease": "2025-12-10T12:36:49Z",
+    "formattedLastRelease": "2 days ago"
   },
   "apollographql/apollo-ios": {
     "hasCommitsInLast3Months": false,
-    "stars": 4011,
+    "stars": 4018,
     "formattedStars": "4k",
     "license": "MIT License",
-    "lastRelease": "2025-11-05T23:30:57Z",
-    "formattedLastRelease": "3 weeks ago"
+    "lastRelease": "2025-12-03T20:34:39Z",
+    "formattedLastRelease": "1 week ago"
   },
   "nerdsupremacist/Graphaello": {
     "hasCommitsInLast3Months": false,
@@ -1249,7 +1321,7 @@
   },
   "GraphQLSwift/Graphiti": {
     "hasCommitsInLast3Months": false,
-    "stars": 553,
+    "stars": 554,
     "formattedStars": "1k",
     "license": "MIT License",
     "lastRelease": "2025-08-21T19:30:20Z",
@@ -1262,77 +1334,5 @@
     "license": "MIT License",
     "lastRelease": "2021-05-17T12:51:10Z",
     "formattedLastRelease": "4 years ago"
-  },
-  "apollographql/router": {
-    "hasCommitsInLast3Months": false,
-    "stars": 939,
-    "formattedStars": "1k",
-    "license": "Other",
-    "lastRelease": "2025-11-28T17:47:44Z",
-    "formattedLastRelease": "18 hours ago"
-  },
-  "Escape-Technologies/graphql-armor": {
-    "hasCommitsInLast3Months": false,
-    "stars": 558,
-    "formattedStars": "1k",
-    "license": "MIT License",
-    "lastRelease": "2025-08-22T13:32:40Z",
-    "formattedLastRelease": "3 months ago"
-  },
-  "eerimoq/gqt": {
-    "hasCommitsInLast3Months": false,
-    "stars": 470,
-    "formattedStars": "470",
-    "license": "MIT License",
-    "lastRelease": "",
-    "formattedLastRelease": ""
-  },
-  "ldebruijn/graphql-protect": {
-    "hasCommitsInLast3Months": false,
-    "stars": 34,
-    "formattedStars": "34",
-    "license": "MIT License",
-    "lastRelease": "2025-11-25T14:27:46Z",
-    "formattedLastRelease": "3 days ago"
-  },
-  "graphql-hive/gateway": {
-    "hasCommitsInLast3Months": false,
-    "stars": 69,
-    "formattedStars": "69",
-    "license": "MIT License",
-    "lastRelease": "2025-11-24T15:40:17Z",
-    "formattedLastRelease": "4 days ago"
-  },
-  "microcks/microcks": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1754,
-    "formattedStars": "2k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-10-25T15:08:00Z",
-    "formattedLastRelease": "1 month ago"
-  },
-  "schemathesis/schemathesis": {
-    "hasCommitsInLast3Months": false,
-    "stars": 2871,
-    "formattedStars": "3k",
-    "license": "MIT License",
-    "lastRelease": "2025-11-28T16:13:29Z",
-    "formattedLastRelease": "19 hours ago"
-  },
-  "glideapps/quicktype": {
-    "hasCommitsInLast3Months": false,
-    "stars": 13464,
-    "formattedStars": "13k",
-    "license": "Apache License 2.0",
-    "lastRelease": "",
-    "formattedLastRelease": ""
-  },
-  "wundergraph/cosmo": {
-    "hasCommitsInLast3Months": false,
-    "stars": 1120,
-    "formattedStars": "1k",
-    "license": "Apache License 2.0",
-    "lastRelease": "2025-11-27T13:47:56Z",
-    "formattedLastRelease": "1 day ago"
   }
 }
\ No newline at end of file
diff --git a/scripts/get-github-info/last-success.isodate b/scripts/get-github-info/last-success.isodate
index 817c2fe4de..5d68e2023c 100644
--- a/scripts/get-github-info/last-success.isodate
+++ b/scripts/get-github-info/last-success.isodate
@@ -1 +1 @@
-2025-11-29T12:04:08.519Z
\ No newline at end of file
+2025-12-12T20:51:22.323Z
\ No newline at end of file
diff --git a/scripts/sync-working-groups/package.json b/scripts/sync-working-groups/package.json
index b470821c56..7659901d21 100644
--- a/scripts/sync-working-groups/package.json
+++ b/scripts/sync-working-groups/package.json
@@ -7,6 +7,6 @@
     "start": "node ./sync-working-groups.ts"
   },
   "dependencies": {
-    "arktype": "^2.1.27"
+    "arktype": "2.1.28"
   }
 }
diff --git a/scripts/sync-working-groups/working-group-events.ndjson b/scripts/sync-working-groups/working-group-events.ndjson
index 012d82306e..962f16860f 100644
--- a/scripts/sync-working-groups/working-group-events.ndjson
+++ b/scripts/sync-working-groups/working-group-events.ndjson
@@ -30,8 +30,12 @@
 {"kind":"calendar#event","etag":"\"3524923696926750\"","id":"56uko3hh68be4q73tttdicg7l2_20251225T183000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=NTZ1a28zaGg2OGJlNHE3M3R0dGRpY2c3bDJfMjAyNTEyMjVUMTgzMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2025-10-16T15:10:58.000Z","updated":"2025-11-06T20:44:08.463Z","summary":"GraphQL AI Working Group","description":"Sign up and view agenda at <a href=\"https://github.com/graphql/ai-wg\">https://github.com/graphql/ai-wg<br><br></a><br>Zoom password: aiwg","location":"https://zoom.us/j/92302442188","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-11T13:30:00-05:00","end":"2025-12-11T14:30:00-05:00","recurringEventId":"56uko3hh68be4q73tttdicg7l2","originalStartTime":{"dateTime":"2025-12-25T13:30:00-05:00","timeZone":"America/New_York"},"transparency":"transparent","iCalUID":"56uko3hh68be4q73tttdicg7l2@google.com","sequence":1,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3516415120288286\"","id":"h9erafl4rc1jjor9i6akokm5ec_20251218T160000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=aDllcmFmbDRyYzFqam9yOWk2YWtva201ZWNfMjAyNTEyMThUMTYwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2023-12-08T21:32:03.000Z","updated":"2025-09-18T14:59:20.144Z","summary":"GraphQL Governing Board Meeting","creator":{"email":"jburson@linuxfoundation.org"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-18T11:00:00-05:00","end":"2025-12-18T12:00:00-05:00","recurringEventId":"h9erafl4rc1jjor9i6akokm5ec","originalStartTime":{"dateTime":"2025-12-18T11:00:00-05:00","timeZone":"America/New_York"},"iCalUID":"h9erafl4rc1jjor9i6akokm5ec@google.com","sequence":3,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3462003372886000\"","id":"kkc5tt01ovrjv8fki1lo31g5hj_20251218T170000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=a2tjNXR0MDFvdnJqdjhma2kxbG8zMWc1aGpfMjAyNTEyMThUMTcwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2024-01-12T09:55:37.000Z","updated":"2024-11-07T17:48:06.443Z","summary":"Composite schemas WG - Weekly 3","description":"The weekly \"secondary\" meeting of the composite schemas WG: <a href=\"https://github.com/graphql/composite-schemas-wg\"><u>https://github.com/graphql/composite-schemas-wg</u></a><br><br>Meeting password is \"composite\"<br><br>Live notes are at <a href=\"https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp=sharing\" class=\"pastedDriveLink-0\"><u>https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp=sharing</u></a>","location":"https://zoom.us/j/91078840351","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-18T12:00:00-05:00","end":"2025-12-18T13:00:00-05:00","recurringEventId":"kkc5tt01ovrjv8fki1lo31g5hj","originalStartTime":{"dateTime":"2025-12-18T12:00:00-05:00","timeZone":"Europe/Berlin"},"iCalUID":"kkc5tt01ovrjv8fki1lo31g5hj@google.com","sequence":1,"eventType":"default"}
-{"kind":"calendar#event","etag":"\"3500694996844990\"","id":"2ffd8o32sh77kd3mtccrtg887n_20251218T183000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=MmZmZDhvMzJzaDc3a2QzbXRjY3J0Zzg4N25fMjAyNTEyMThUMTgzMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2025-05-01T19:23:48.000Z","updated":"2025-06-19T15:38:18.422Z","summary":"GraphQL WG - Secondary (EU)","description":"Zoom password: graphqlwg","location":"https://zoom.us/j/593263740","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-18T13:30:00-05:00","end":"2025-12-18T15:00:00-05:00","recurringEventId":"2ffd8o32sh77kd3mtccrtg887n","originalStartTime":{"dateTime":"2025-12-18T13:30:00-05:00","timeZone":"America/Los_Angeles"},"iCalUID":"2ffd8o32sh77kd3mtccrtg887n@google.com","sequence":0,"eventType":"default"}
+{"kind":"calendar#event","etag":"\"3529763944050462\"","id":"2ffd8o32sh77kd3mtccrtg887n_20251218T183000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=MmZmZDhvMzJzaDc3a2QzbXRjY3J0Zzg4N25fMjAyNTEyMThUMTgzMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2025-05-01T19:23:48.000Z","updated":"2025-12-04T20:59:32.025Z","summary":"GraphQL WG - Secondary (EU)","description":"Zoom password: graphqlwg","location":"https://zoom.us/j/593263740","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-18T13:30:00-05:00","end":"2025-12-18T15:00:00-05:00","recurringEventId":"2ffd8o32sh77kd3mtccrtg887n","originalStartTime":{"dateTime":"2025-12-18T13:30:00-05:00","timeZone":"America/Los_Angeles"},"iCalUID":"2ffd8o32sh77kd3mtccrtg887n@google.com","sequence":0,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3517067971709790\"","id":"f7cvs5ala9jtt147l3mik2mlvl_20251222T160000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=ZjdjdnM1YWxhOWp0dDE0N2wzbWlrMm1sdmxfMjAyNTEyMjJUMTYwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2024-01-29T15:14:17.000Z","updated":"2025-09-22T09:39:45.854Z","summary":"Conference & Community Committee Meeting - Fortnightly Recurring","description":"\nYou have been invited to a recurring meeting for GraphQL Foundation\n\nWeekly Sync and Coordination Meeting for Conference Committee participants. Notes Document: <a href=\"https://www.google.com/url?q=https://docs.google.com/document/d/19-alP5jywnXzgN_1zYLBTRWh-4CaXzGakEZdTBFwNAc/edit&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw2Hq8yvcxUs6YD6mxyQICnT\" target=\"_blank\">https://docs.google.com/document/d/19-alP5jywnXzgN_1zYLBTRWh-4CaXzGakEZdTBFwNAc/edit</a>\n\nWays to join meeting:\n\n1. Join from PC, Mac, iPad, or Android\n\n<a href=\"https://www.google.com/url?q=https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password%3Dff267735-efbd-4be4-a89c-b927b596190a&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw2VtVqMUwPw-xmLNLTW-aGx\" target=\"_blank\">https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password=ff267735-efbd-4be4-a89c-b927b596190a</a>\n\n2. Join via audio\n\nOne tap mobile:\nUS: +12532158782,,96286151238# or +13462487799,,96286151238\n\nOr dial:\nUS: +1 253 215 8782 or +1 346 248 7799 or +1 669 900 6833 or +1 301 715 8592 or +1 312 626 6799 or +1 646 374 8656 or 877 369 0926 (Toll Free) or 855 880 1246 (Toll Free)\nCanada: +1 647 374 4685 or +1 647 558 0588 or +1 778 907 2071 or +1 204 272 7920 or +1 438 809 7799 or +1 587 328 1099 or 855 703 8985 (Toll Free)\n\nMeeting ID: 96286151238\n\nMeeting Passcode: 986182\n\n\nInternational numbers: <a href=\"https://www.google.com/url?q=https://zoom.us/u/alwnPIaVT&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw3tJlonweprMYLFyfuKasR0\" target=\"_blank\">https://zoom.us/u/alwnPIaVT</a>\n","location":"https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password=ff267735-efbd-4be4-a89c-b927b596190a","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-22T11:00:00-05:00","end":"2025-12-22T12:00:00-05:00","recurringEventId":"f7cvs5ala9jtt147l3mik2mlvl","originalStartTime":{"dateTime":"2025-12-22T11:00:00-05:00","timeZone":"America/New_York"},"iCalUID":"f7cvs5ala9jtt147l3mik2mlvl@google.com","sequence":2,"guestsCanInviteOthers":false,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3524923598591262\"","id":"s9agipg1r702pfngano7pol2h5_20251225T170000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=czlhZ2lwZzFyNzAycGZuZ2Fubzdwb2wyaDVfMjAyNTEyMjVUMTcwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2024-01-12T09:56:07.000Z","updated":"2025-11-06T20:43:19.295Z","summary":"Composite schemas WG - Weekly 4","description":"The weekly &quot;secondary&quot; meeting of the composite schemas WG: <a href=\"https://www.google.com/url?q=https://github.com/graphql/composite-schemas-wg&amp;sa=D&amp;source=calendar&amp;ust=1705485336953792&amp;usg=AOvVaw2Q-_4UTHWaoyJN2AH2IOOj\" target=\"_blank\"><u>https://github.com/graphql/composite-schemas-wg</u></a><br><br>Meeting password is &quot;composite&quot;<br><br>Live notes are at <a href=\"https://www.google.com/url?q=https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp%3Dsharing&amp;sa=D&amp;source=calendar&amp;ust=1705485336953792&amp;usg=AOvVaw0X0P-sYnFscUhYuHj6v6MG\" target=\"_blank\"><u>https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp=sharing</u></a>","location":"https://zoom.us/j/91078840351","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-25T12:00:00-05:00","end":"2025-12-25T13:00:00-05:00","recurringEventId":"s9agipg1r702pfngano7pol2h5","originalStartTime":{"dateTime":"2025-12-25T12:00:00-05:00","timeZone":"Europe/Berlin"},"iCalUID":"s9agipg1r702pfngano7pol2h5@google.com","sequence":1,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3524923550687710\"","id":"4igp67o2j2nkso49c1d6nbv040_20251225T180000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=NGlncDY3bzJqMm5rc280OWMxZDZuYnYwNDBfMjAyNTEyMjVUMTgwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2025-04-15T10:29:33.000Z","updated":"2025-11-06T20:42:55.343Z","summary":"GraphQL OTel WG","description":"Zoom password: otel<br> <br><a href=\"https://github.com/graphql/otel-wg/tree/main/agendas\">https://github.com/graphql/otel-wg</a>","location":"https://zoom.us/j/93594710848?pwd=meEB8rd5g69r5DF8zFaL8VIWO2Il1v.1","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-25T13:00:00-05:00","end":"2025-12-25T14:00:00-05:00","recurringEventId":"4igp67o2j2nkso49c1d6nbv040","originalStartTime":{"dateTime":"2025-12-25T13:00:00-05:00","timeZone":"America/Los_Angeles"},"iCalUID":"4igp67o2j2nkso49c1d6nbv040@google.com","sequence":0,"eventType":"default"}
 {"kind":"calendar#event","etag":"\"3524923616454910\"","id":"pag44b4o3k87r90laj5vf5t67v_20251225T190000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=cGFnNDRiNG8zazg3cjkwbGFqNXZmNXQ2N3ZfMjAyNTEyMjVUMTkwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2023-12-04T10:48:14.000Z","updated":"2025-11-06T20:43:28.227Z","summary":"GraphQL-over-HTTP WG","description":"Zoom password: httpwg","location":"https://zoom.us/j/92781382543","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2025-12-25T14:00:00-05:00","end":"2025-12-25T15:00:00-05:00","recurringEventId":"pag44b4o3k87r90laj5vf5t67v","originalStartTime":{"dateTime":"2025-12-25T14:00:00-05:00","timeZone":"America/Los_Angeles"},"iCalUID":"pag44b4o3k87r90laj5vf5t67v@google.com","sequence":3,"eventType":"default"}
+{"kind":"calendar#event","etag":"\"3530925154728702\"","id":"f7cvs5ala9jtt147l3mik2mlvl_20260105T160000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=ZjdjdnM1YWxhOWp0dDE0N2wzbWlrMm1sdmxfMjAyNjAxMDVUMTYwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2024-01-29T15:14:17.000Z","updated":"2025-12-11T14:16:17.364Z","summary":"Conference & Community Committee Meeting - Fortnightly Recurring","description":"\nYou have been invited to a recurring meeting for GraphQL Foundation\n\nWeekly Sync and Coordination Meeting for Conference Committee participants. Notes Document: <a href=\"https://www.google.com/url?q=https://docs.google.com/document/d/19-alP5jywnXzgN_1zYLBTRWh-4CaXzGakEZdTBFwNAc/edit&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw2Hq8yvcxUs6YD6mxyQICnT\" target=\"_blank\">https://docs.google.com/document/d/19-alP5jywnXzgN_1zYLBTRWh-4CaXzGakEZdTBFwNAc/edit</a>\n\nWays to join meeting:\n\n1. Join from PC, Mac, iPad, or Android\n\n<a href=\"https://www.google.com/url?q=https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password%3Dff267735-efbd-4be4-a89c-b927b596190a&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw2VtVqMUwPw-xmLNLTW-aGx\" target=\"_blank\">https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password=ff267735-efbd-4be4-a89c-b927b596190a</a>\n\n2. Join via audio\n\nOne tap mobile:\nUS: +12532158782,,96286151238# or +13462487799,,96286151238\n\nOr dial:\nUS: +1 253 215 8782 or +1 346 248 7799 or +1 669 900 6833 or +1 301 715 8592 or +1 312 626 6799 or +1 646 374 8656 or 877 369 0926 (Toll Free) or 855 880 1246 (Toll Free)\nCanada: +1 647 374 4685 or +1 647 558 0588 or +1 778 907 2071 or +1 204 272 7920 or +1 438 809 7799 or +1 587 328 1099 or 855 703 8985 (Toll Free)\n\nMeeting ID: 96286151238\n\nMeeting Passcode: 986182\n\n\nInternational numbers: <a href=\"https://www.google.com/url?q=https://zoom.us/u/alwnPIaVT&amp;sa=D&amp;source=calendar&amp;ust=1706973237164827&amp;usg=AOvVaw3tJlonweprMYLFyfuKasR0\" target=\"_blank\">https://zoom.us/u/alwnPIaVT</a>\n","location":"https://zoom-lfx.platform.linuxfoundation.org/meeting/96286151238?password=ff267735-efbd-4be4-a89c-b927b596190a","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2026-01-05T11:00:00-05:00","end":"2026-01-05T12:00:00-05:00","recurringEventId":"f7cvs5ala9jtt147l3mik2mlvl","originalStartTime":{"dateTime":"2026-01-05T11:00:00-05:00","timeZone":"America/New_York"},"iCalUID":"f7cvs5ala9jtt147l3mik2mlvl@google.com","sequence":2,"guestsCanInviteOthers":false,"eventType":"default"}
+{"kind":"calendar#event","etag":"\"3526826931784574\"","id":"q3qul35gpekign7gc8cvr6bap1_20260108T140000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=cTNxdWwzNWdwZWtpZ243Z2M4Y3ZyNmJhcDFfMjAyNjAxMDhUMTQwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2023-12-08T21:20:13.000Z","updated":"2025-11-17T21:04:25.892Z","summary":"Marketing & Content Subcommittee Meeting","location":"https://zoom-lfx.platform.linuxfoundation.org/meeting/91228653788?password=0745533d-9a7a-42bb-8c72-3b823f679384","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2026-01-08T09:00:00-05:00","end":"2026-01-08T10:00:00-05:00","recurringEventId":"q3qul35gpekign7gc8cvr6bap1_R20251030T130000","originalStartTime":{"dateTime":"2026-01-08T09:00:00-05:00","timeZone":"America/New_York"},"iCalUID":"q3qul35gpekign7gc8cvr6bap1_R20251030T130000@google.com","sequence":1,"eventType":"default"}
+{"kind":"calendar#event","etag":"\"3512629578532638\"","id":"1ae8m39lvqtigc4ao1p670g8il_20260108T160000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=MWFlOG0zOWx2cXRpZ2M0YW8xcDY3MGc4aWxfMjAyNjAxMDhUMTYwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2025-02-04T14:14:16.000Z","updated":"2025-08-27T17:13:09.266Z","summary":"GraphQL Community WG","description":"Meeting password: community<br><br><a href=\"https://github.com/graphql/community-wg/tree/main/agendas\">https://github.com/graphql/community-wg/tree/main/agendas</a><br><br>Please be aware that meetings are recorded and/or live-streamed.","location":"https://zoom.us/j/93104287544","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2026-01-08T11:00:00-05:00","end":"2026-01-08T12:00:00-05:00","recurringEventId":"1ae8m39lvqtigc4ao1p670g8il_R20250313T150000","originalStartTime":{"dateTime":"2026-01-08T11:00:00-05:00","timeZone":"America/Los_Angeles"},"iCalUID":"1ae8m39lvqtigc4ao1p670g8il_R20250313T150000@google.com","sequence":1,"eventType":"default"}
+{"kind":"calendar#event","etag":"\"3462003293658000\"","id":"lvqspfdh491rrdmvl7k1mruqd8_20260108T170000Z","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=bHZxc3BmZGg0OTFycmRtdmw3azFtcnVxZDhfMjAyNjAxMDhUMTcwMDAwWiBsaW51eGZvdW5kYXRpb24ub3JnX2lrNzl0OXV1ajJwMzJpM3IyMDNkZ3Y1bW84QGc","created":"2024-01-12T09:56:35.000Z","updated":"2024-11-07T17:47:26.829Z","summary":"Composite schemas WG - Weekly 2","description":"The weekly &quot;secondary&quot; meeting of the composite schemas WG: <a href=\"https://www.google.com/url?q=https://github.com/graphql/composite-schemas-wg&amp;sa=D&amp;source=calendar&amp;ust=1705485367514398&amp;usg=AOvVaw27QQYb4mcENmQv7R9RfSvH\" target=\"_blank\"><u>https://github.com/graphql/composite-schemas-wg</u></a><br><br>Meeting password is &quot;composite&quot;<br><br>Live notes are at <a href=\"https://www.google.com/url?q=https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp%3Dsharing&amp;sa=D&amp;source=calendar&amp;ust=1705485367514398&amp;usg=AOvVaw3NdZCsgkLzTe2JI3a2rHBt\" target=\"_blank\"><u>https://docs.google.com/document/d/1hJO6U7daYvcNcQ3FBKnh3v4R256ers6M8IGyqRpY_kE/edit?usp=sharing</u></a>","location":"https://zoom.us/j/91078840351","creator":{"email":"benjie@graphile.com"},"organizer":{"email":"linuxfoundation.org_ik79t9uuj2p32i3r203dgv5mo8@group.calendar.google.com","displayName":"GraphQL Foundation - Public","self":true},"start":"2026-01-08T12:00:00-05:00","end":"2026-01-08T13:00:00-05:00","recurringEventId":"lvqspfdh491rrdmvl7k1mruqd8","originalStartTime":{"dateTime":"2026-01-08T12:00:00-05:00","timeZone":"Europe/Berlin"},"iCalUID":"lvqspfdh491rrdmvl7k1mruqd8@google.com","sequence":1,"eventType":"default"}
diff --git a/src/_design-system/breadcrumbs.tsx b/src/_design-system/breadcrumbs.tsx
index 4b42a7554a..a394874b38 100644
--- a/src/_design-system/breadcrumbs.tsx
+++ b/src/_design-system/breadcrumbs.tsx
@@ -26,9 +26,10 @@ export const Breadcrumbs = ({
 
         const title = extractStringsFromReactNode(item.title)
         const className = clsx(
-          "text-neu-700 dark:text-neu-400 min-w-6 last:text-neu-800 dark:last:text-neu-800 leading-none",
+          "text-neu-700 dark:text-neu-400 min-w-6 last:text-neu-800 dark:last:text-neu-800 leading-none whitespace-pre",
           href &&
             "gql-focus-visible ring-inset hover:text-neu-900 hover:underline underline-offset-2",
+          item.title.length > 8 ? "overflow-hidden truncate" : "shrink-0",
         )
 
         return (
diff --git a/src/app/(main)/resources/[category]/blog-posts-section.tsx b/src/app/(main)/resources/[category]/blog-posts-section.tsx
new file mode 100644
index 0000000000..db715520c1
--- /dev/null
+++ b/src/app/(main)/resources/[category]/blog-posts-section.tsx
@@ -0,0 +1,65 @@
+"use client"
+
+import { Button } from "@/app/conf/_design-system/button"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import { BlogCard } from "@/components/blog-page/blog-card"
+import { sectionIds } from "./texts"
+
+export interface BlogPost {
+  href: string
+  title: string
+  author: string
+  date?: Date
+  tags: string[]
+}
+
+export interface BlogPostsSectionProps {
+  title: string
+  description: string
+  posts: BlogPost[]
+  readAllHref?: string
+  readAllLabel?: string
+}
+
+export function BlogPostsSection({
+  title,
+  description,
+  posts,
+  readAllHref = "/blog",
+  readAllLabel = "Read all GraphQL stories",
+}: BlogPostsSectionProps) {
+  return (
+    <section
+      id={sectionIds["blog-or-newsletter"]}
+      className="gql-container gql-section flex flex-col gap-10 lg:gap-16"
+    >
+      <header className="flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between">
+        <div className="flex flex-col gap-3">
+          <Eyebrow>Blog posts</Eyebrow>
+          <h2 className="typography-h2 max-w-[700px] text-pretty">{title}</h2>
+          <p className="typography-body-md max-w-[577px] text-neu-800">
+            {description}
+          </p>
+        </div>
+        <Button href={readAllHref} variant="secondary" size="md">
+          {readAllLabel}
+        </Button>
+      </header>
+
+      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+        {posts.map(post => (
+          <BlogCard
+            key={post.href}
+            route={post.href}
+            frontMatter={{
+              title: post.title,
+              byline: post.author,
+              date: post.date ?? new Date(),
+              tags: post.tags,
+            }}
+          />
+        ))}
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/[category]/blur-corner.webp b/src/app/(main)/resources/[category]/blur-corner.webp
new file mode 100644
index 0000000000..50e58292e7
Binary files /dev/null and b/src/app/(main)/resources/[category]/blur-corner.webp differ
diff --git a/src/app/(main)/resources/[category]/cards-section.tsx b/src/app/(main)/resources/[category]/cards-section.tsx
new file mode 100644
index 0000000000..b440598b59
--- /dev/null
+++ b/src/app/(main)/resources/[category]/cards-section.tsx
@@ -0,0 +1,64 @@
+import { Kind, ResourceMetadata, Topic } from "@/resources/types"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import { Button } from "@/app/conf/_design-system/button"
+
+import { ResourceHubCard } from "../resource-hub-card"
+
+import { texts, sectionKindNames, sectionIds } from "./texts"
+
+function sectionLabel(kind: Kind) {
+  return sectionKindNames[kind] ?? `${kind[0].toUpperCase()}${kind.slice(1)}`
+}
+
+export function CardsSection({
+  section,
+  category,
+}: {
+  section: { kind: Kind; resources: ResourceMetadata[] }
+  category: Topic
+}) {
+  const sectionData = texts[category].sections[section.kind]
+  const heading = sectionData?.heading ?? sectionLabel(section.kind)
+  const text = sectionData?.text
+
+  return (
+    <section
+      id={sectionIds[section.kind]}
+      className="gql-container gql-section flex flex-col gap-6"
+    >
+      <header className="flex items-center justify-between gap-4">
+        <div className="flex flex-col gap-3">
+          <Eyebrow>{sectionKindNames[section.kind]}</Eyebrow>
+          <h2 className="typography-h3 text-pretty">{heading}</h2>
+          {text && (
+            <p className="typography-body-md max-w-[700px] text-neu-800">
+              {text}
+            </p>
+          )}
+        </div>
+        {section.kind === "video" ? (
+          <Button href="/resources/video" variant="primary" size="md">
+            Go to Video Resources Library
+          </Button>
+        ) : (
+          <span className="typography-menu text-neu-600">
+            {section.resources.length} resources
+          </span>
+        )}
+      </header>
+
+      <ul className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+        {section.resources.map(resource => (
+          <li key={resource.url}>
+            <ResourceHubCard
+              href={resource.url}
+              title={resource.title}
+              author={resource.author}
+              tags={resource.tags}
+            />
+          </li>
+        ))}
+      </ul>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/[category]/category-tools-libraries-section.tsx b/src/app/(main)/resources/[category]/category-tools-libraries-section.tsx
new file mode 100644
index 0000000000..00302436fb
--- /dev/null
+++ b/src/app/(main)/resources/[category]/category-tools-libraries-section.tsx
@@ -0,0 +1,265 @@
+import path from "node:path"
+import { glob } from "node:fs/promises"
+import { readFile } from "node:fs/promises"
+import matter from "gray-matter"
+import type { CSSProperties } from "react"
+
+import { Button } from "@/app/conf/_design-system/button"
+import blurCorner from "./blur-corner.webp"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import slugMap from "@/code/slug-map.json"
+import { type Topic } from "@/resources/types"
+import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
+
+import { IconSpritesheet, IconName } from "./spritesheet"
+import CaretDown from "@/app/conf/_design-system/pixelarticons/caret-down.svg?svgr"
+
+interface LibraryEntry {
+  name: string
+  href?: string
+  group: string
+  tags: string[]
+}
+
+const librariesPromise = loadLibraries()
+
+async function loadLibraries(): Promise<LibraryEntry[]> {
+  const entries: LibraryEntry[] = []
+
+  for await (const file of glob("src/code/**/*.md")) {
+    const relative = path.relative("src/code", file)
+    const segments = relative.split(path.sep)
+    const top = segments[0]
+    const group =
+      top === "language-support" ? (segments[1] ?? "language-support") : top
+    if (!group) continue
+
+    const raw = await readFile(file, "utf8")
+    const { data } = matter(raw)
+    const tags: string[] = Array.isArray(data.tags) ? data.tags : []
+    if (!tags.includes("tools-and-libraries")) continue
+
+    const name: string | undefined = data.name
+    if (!name) continue
+
+    const href: string | undefined =
+      data.url ??
+      (data.github ? `https://github.com/${data.github}` : undefined) ??
+      (data.npm ? `https://npmjs.com/package/${data.npm}` : undefined)
+
+    entries.push({ name, href, group, tags })
+  }
+
+  const deduped = entries.filter(
+    (item, index, self) =>
+      index ===
+      self.findIndex(t => t.name.toLowerCase() === item.name.toLowerCase()),
+  )
+
+  return deduped
+}
+
+function displayName(id: string) {
+  const key = id as keyof typeof slugMap
+  return slugMap[key] ?? id
+}
+
+export async function CategoryToolsLibrariesSection({
+  category,
+}: {
+  category: Topic
+}) {
+  const libraries = await librariesPromise
+  const filtered = libraries.filter(item => item.tags.includes(category))
+
+  const sortedGroups = Array.from(
+    filtered.reduce<Map<string, LibraryEntry[]>>((acc, item) => {
+      const list = acc.get(item.group) ?? []
+      list.push(item)
+      acc.set(item.group, list)
+      return acc
+    }, new Map()),
+  )
+    .map(([group, items]) => ({
+      id: group,
+      name: displayName(group),
+      items: items
+        .sort((a, b) =>
+          a.name.localeCompare(b.name, "en", { sensitivity: "base" }),
+        )
+        .slice(0, 20),
+    }))
+    .sort((a, b) => b.items.length - a.items.length)
+
+  const grouped: GroupData[] = sortedGroups.map((group, index) => {
+    const nextLength = sortedGroups[index + 1]?.items.length ?? 0
+    const columns =
+      nextLength > 0 && group.items.length >= nextLength * 1.9 ? 2 : 1
+    const breakIndex = columns === 2 ? Math.ceil(group.items.length / 2) : 0
+    return { ...group, columns, breakIndex }
+  })
+
+  if (grouped.length === 0) {
+    return null
+  }
+
+  return (
+    <div className="relative bg-neu-100 dark:bg-neu-50/25">
+      <Stripes />
+      <section
+        id="tools-and-libraries"
+        className="gql-container gql-section relative flex flex-col gap-8 overflow-hidden"
+      >
+        <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+          <div className="flex flex-col gap-3">
+            <Eyebrow className="!text-pri-base dark:!text-pri-light">
+              key tools & libraries
+            </Eyebrow>
+            <h2 className="typography-h3 text-pretty">
+              Build GraphQL with tools and libraries
+            </h2>
+            <p className="typography-body-md text-neu-800">
+              Explore language and platform tooling to ship production-ready
+              graphs.
+            </p>
+          </div>
+          <Button
+            href="/community/tools-and-libraries/"
+            variant="primary"
+            className="w-fit"
+          >
+            See all Tools & Libraries
+          </Button>
+        </div>
+
+        <div className="flex flex-wrap gap-4 pb-2 max-md:flex-col md:flex-nowrap md:items-start">
+          {distributeToColumns(grouped).map((column, colIndex) => (
+            <div
+              key={colIndex}
+              className="flex w-full flex-col gap-4 max-md:contents"
+            >
+              {column.map(group => (
+                <Group key={group.id} group={group} />
+              ))}
+            </div>
+          ))}
+        </div>
+      </section>
+    </div>
+  )
+}
+
+interface GroupData {
+  id: string
+  name: string
+  items: LibraryEntry[]
+  columns: 1 | 2
+  breakIndex: number
+}
+
+function distributeToColumns(groups: GroupData[]): [GroupData[], GroupData[]] {
+  const left: GroupData[] = []
+  const right: GroupData[] = []
+
+  let leftHeight = 0
+  let rightHeight = 0
+
+  for (const group of groups) {
+    const itemRows =
+      group.columns === 2
+        ? Math.ceil(group.items.length / 2)
+        : group.items.length
+    const height = itemRows + 1
+    if (leftHeight <= rightHeight) {
+      left.push(group)
+      leftHeight += height
+    } else {
+      right.push(group)
+      rightHeight += height
+    }
+  }
+
+  return [left, right]
+}
+
+function Group({ group }: { group: GroupData }) {
+  return (
+    <div className="group/item shrink-0 grow border border-neu-200 bg-neu-50 dark:border-neu-100 dark:bg-neu-50/25 lg:min-w-0 xl:min-w-[480px]">
+      <input
+        type="checkbox"
+        id={`group-${group.id}`}
+        className="peer sr-only"
+      />
+      <label
+        htmlFor={`group-${group.id}`}
+        className="typography-body-lg flex cursor-pointer items-center border-inherit bg-neu-50 text-neu-900 peer-checked:border-b dark:bg-transparent md:pointer-events-none md:cursor-default md:border-b"
+      >
+        <div className="border-r border-inherit p-2 lg:p-3">
+          <IconSpritesheet
+            sprite={group.id as IconName}
+            className="size-8 text-neu-800 dark:text-neu-700 lg:size-10"
+          />
+        </div>
+        <div className="p-2 lg:px-4 lg:py-3">{group.name}</div>
+        <div className="ml-auto flex aspect-square h-12 shrink-0 items-center justify-center border-l border-inherit p-2 md:hidden">
+          <CaretDown className="size-6 shrink-0 fill-neu-700 group-has-[:checked]/item:rotate-180" />
+        </div>
+      </label>
+      <ul
+        className="divide-y divide-neu-200 [column-gap:0] dark:divide-neu-100 max-md:hidden peer-checked:max-md:block md:block lg:[column-count:var(--item-columns,1)]"
+        style={{ "--item-columns": group.columns } as CSSProperties}
+      >
+        {group.items.map((item, i) => (
+          <li
+            key={`${group.id}-${item.name}`}
+            style={
+              group.breakIndex
+                ? {
+                    borderTop: i === group.breakIndex ? "none" : "",
+                    borderLeftWidth: i >= group.breakIndex ? "1px" : "",
+                  }
+                : {}
+            }
+          >
+            {item.href ? (
+              <a
+                href={item.href}
+                className="flex items-center justify-between bg-neu-0/40 px-4 py-3 text-neu-900 transition-colors hover:bg-neu-0 hover:duration-0"
+              >
+                {item.name}
+              </a>
+            ) : (
+              <span className="flex items-center justify-between bg-neu-0/40 px-4 py-3 text-neu-900">
+                {item.name}
+              </span>
+            )}
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}
+
+function Stripes() {
+  return (
+    <div
+      className="pointer-events-none absolute inset-x-0 top-0 h-[542px]"
+      style={{
+        maskImage: `url(${blurCorner.src})`,
+        WebkitMaskImage: `url(${blurCorner.src})`,
+        maskSize: "62% 62%",
+        WebkitMaskSize: "62% 62%",
+        maskPosition: "top right",
+        WebkitMaskPosition: "top right",
+        maskRepeat: "no-repeat",
+        WebkitMaskRepeat: "no-repeat",
+      }}
+    >
+      <StripesDecoration
+        evenClassName="bg-[linear-gradient(90deg,hsl(var(--color-pri-lighter))_0_12px,hsl(var(--color-pri-light))_12px_24px)] dark:bg-[linear-gradient(90deg,hsl(var(--color-sec-dark)/0.22)_0_12px,hsl(var(--color-sec-base)/0.22)_12px_24px)]"
+        oddClassName="bg-[linear-gradient(90deg,hsl(var(--color-pri-light))_0_12px,hsl(var(--color-pri-base)/0)_12px_24px)] dark:bg-[linear-gradient(90deg,hsl(var(--color-sec-base)/0.14)_0_12px,hsl(var(--color-sec-light)/0.14)_12px_24px)]"
+        angle="-90deg"
+      />
+    </div>
+  )
+}
diff --git a/src/app/(main)/resources/[category]/page.tsx b/src/app/(main)/resources/[category]/page.tsx
new file mode 100644
index 0000000000..894de2c57a
--- /dev/null
+++ b/src/app/(main)/resources/[category]/page.tsx
@@ -0,0 +1,163 @@
+import { Metadata } from "next"
+import { notFound } from "next/navigation"
+
+import { NavbarFixed } from "@/components/navbar/navbar-fixed"
+import { getResourcesByTag } from "@/resources/data"
+import {
+  Kind,
+  kinds,
+  topics,
+  type ResourceMetadata,
+  type Topic,
+} from "@/resources/types"
+
+import { ResourcesHero } from "../resources-hero"
+import { TocHeroContents } from "@/components/toc-hero"
+import { BlogPostsSection } from "./blog-posts-section"
+import { CategoryToolsLibrariesSection } from "./category-tools-libraries-section"
+import { Breadcrumbs } from "@/_design-system/breadcrumbs"
+
+import { sectionKindNames, sectionId, texts } from "./texts"
+import { CardsSection } from "./cards-section"
+
+interface PageParams {
+  category: string
+}
+
+export async function generateStaticParams() {
+  return topics.map(category => ({ category }))
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: PageParams
+}): Promise<Metadata> {
+  const category = params.category as Topic
+  if (!topics.includes(category)) return {}
+
+  const title = `${texts[category].heading} Resources`
+  const description = texts[category].subtitle
+
+  return { title, description }
+}
+
+export default async function CategoryPage({ params }: { params: PageParams }) {
+  const category = params.category as Topic
+  if (!topics.includes(category)) return notFound()
+
+  const resources = await getResourcesByTag(category)
+  const deduped = uniqueByTitle(resources)
+  const grouped = groupByKind(deduped)
+
+  const activePath = [
+    {
+      name: "Home",
+      route: "/",
+    },
+    {
+      name: "Resource Hub",
+      route: "/resources",
+    },
+    {
+      name: texts[category].heading,
+      route: `/resources/${category}`,
+    },
+  ].map(item => ({
+    ...item,
+    title: item.name,
+    type: "page",
+    children: [],
+    frontMatter: {},
+  }))
+
+  return (
+    <main className="gql-all-anchors-focusable">
+      <NavbarFixed />
+
+      <ResourcesHero
+        heading={texts[category].heading}
+        text={texts[category].subtitle}
+      >
+        <TocHeroContents
+          sections={grouped.map(section => sectionLabel(section.kind))}
+          className="max-w-[528px]"
+        />
+      </ResourcesHero>
+
+      <section className="gql-container gql-section">
+        <Breadcrumbs activePath={activePath} />
+      </section>
+
+      {grouped.map(section => (
+        <CategorySection
+          key={section.kind}
+          section={section}
+          category={category}
+        />
+      ))}
+    </main>
+  )
+}
+
+function uniqueByTitle(resources: ResourceMetadata[]) {
+  const seen = new Set<string>()
+  return resources.filter(resource => {
+    const key = resource.title.trim().toLowerCase()
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+}
+
+function groupByKind(resources: ResourceMetadata[]) {
+  return kinds
+    .map(kind => ({
+      kind,
+      resources: resources.filter(
+        resource => (resource.kind ?? getKindFromTags(resource)) === kind,
+      ),
+    }))
+    .filter(section => section.resources.length > 0)
+}
+
+function getKindFromTags(resource: ResourceMetadata) {
+  return kinds.find(kind => resource.tags.includes(kind))
+}
+
+function sectionLabel(kind: Kind) {
+  return sectionKindNames[kind] ?? `${kind[0].toUpperCase()}${kind.slice(1)}`
+}
+
+function CategorySection({
+  section,
+  category,
+}: {
+  section: { kind: Kind; resources: ResourceMetadata[] }
+  category: Topic
+}) {
+  if (section.kind === "tools-and-libraries") {
+    return <CategoryToolsLibrariesSection category={category} />
+  }
+
+  if (section.kind === "blog") {
+    const blogSection = texts[category].sections["blog-or-newsletter"]
+    return (
+      <BlogPostsSection
+        title={blogSection?.heading ?? "Insights from the community"}
+        description={
+          blogSection?.text ??
+          "Stay up to date with insights from the GraphQL community."
+        }
+        posts={section.resources.map(resource => ({
+          href: resource.url,
+          title: resource.title,
+          author: resource.author ?? "GraphQL Community",
+          tags: resource.tags.filter(tag => tag !== "blog" && tag !== category),
+        }))}
+      />
+    )
+  }
+
+  return <CardsSection section={section} category={category} />
+}
diff --git a/src/app/(main)/resources/[category]/spritesheet/index.tsx b/src/app/(main)/resources/[category]/spritesheet/index.tsx
new file mode 100644
index 0000000000..47eef9a0d1
--- /dev/null
+++ b/src/app/(main)/resources/[category]/spritesheet/index.tsx
@@ -0,0 +1,40 @@
+import type { SVGProps } from "react"
+
+import sheet from "./sheet.svg?resource"
+
+export type IconName =
+  | "ballerina"
+  | "c-net"
+  | "clojure"
+  | "elixir"
+  | "elm"
+  | "flutter"
+  | "go"
+  | "haskell"
+  | "java"
+  | "javascript"
+  | "julia"
+  | "multiplatform"
+  | "php"
+  | "python"
+  | "ruby"
+  | "rust"
+  | "scala"
+  | "swift"
+
+interface IconSpritesheetProps extends SVGProps<SVGSVGElement> {
+  sprite: IconName
+}
+
+export function IconSpritesheet({ sprite, ...props }: IconSpritesheetProps) {
+  return (
+    <>
+      <svg fill="currentColor" {...props}>
+        <use
+          href={`${sheet}#${sprite}`}
+          style={{ "--bg": "hsl(var(--color-neu-50))" } as {}}
+        />
+      </svg>
+    </>
+  )
+}
diff --git a/src/app/(main)/resources/[category]/spritesheet/sheet.svg b/src/app/(main)/resources/[category]/spritesheet/sheet.svg
new file mode 100644
index 0000000000..8c708ee752
--- /dev/null
+++ b/src/app/(main)/resources/[category]/spritesheet/sheet.svg
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg
+  fill="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <defs />
+  <symbol id="ballerina" viewBox="0 0 18 32">
+    <path
+      d="M10.303 15.667v4.349L14.021 32h3.93V18.543zm7.648-3.874-5.235 1.969 5.235 1.968zm0-2.812V0h-7.648v11.858zM7.653 15.667v4.349L3.935 32H.006V18.543zM.006 11.793l5.234 1.969L.006 15.73zm0-2.812V0h7.647v11.858z"
+    />
+  </symbol>
+  <symbol id="c-net" viewBox="0 0 29 32">
+    <path
+      d="M0 10.033v11.854c0 1.467.79 2.823 2.071 3.556L12.43 31.37a4.17 4.17 0 0 0 4.143 0l10.357-5.927a4.1 4.1 0 0 0 1.516-1.503A4.1 4.1 0 0 0 29 21.887V10.033c0-.72-.191-1.429-.555-2.053a4.1 4.1 0 0 0-1.516-1.503L16.57.55a4.17 4.17 0 0 0-4.142 0L2.07 6.477c-.63.36-1.152.879-1.516 1.503A4.1 4.1 0 0 0 0 10.033"
+    />
+    <path
+      fill="var(--bg)"
+      d="M7.25 13.908v4.107a1.02 1.02 0 0 0 .303.727 1.04 1.04 0 0 0 .733.3 1.05 1.05 0 0 0 .733-.3 1.03 1.03 0 0 0 .303-.727c0-.272.11-.533.304-.726a1.04 1.04 0 0 1 1.464 0c.194.193.304.454.304.726 0 1.701-1.392 3.08-3.108 3.08s-3.107-1.379-3.107-3.08V13.91c0-1.701 1.391-3.08 3.107-3.08s3.108 1.379 3.108 3.08c0 .272-.11.533-.304.726a1.04 1.04 0 0 1-1.464 0 1.02 1.02 0 0 1-.304-.726c0-.272-.109-.533-.303-.726a1.04 1.04 0 0 0-1.465 0 1.02 1.02 0 0 0-.303.726m16.572 4.107a1.02 1.02 0 0 1-.303.726 1.04 1.04 0 0 1-.733.3H21.75v1.027a1.02 1.02 0 0 1-.639.95 1.04 1.04 0 0 1-1.129-.224 1.02 1.02 0 0 1-.303-.726v-1.026h-2.071v1.026a1.01 1.01 0 0 1-.303.727 1.03 1.03 0 0 1-.733.3 1.04 1.04 0 0 1-.958-.634 1 1 0 0 1-.078-.393v-1.026H14.5a1.04 1.04 0 0 1-.733-.3 1.02 1.02 0 0 1 0-1.453c.195-.192.458-.3.733-.3h1.036v-2.053H14.5a1.04 1.04 0 0 1-.733-.3 1.02 1.02 0 0 1 0-1.453c.195-.192.458-.3.733-.3h1.036v-1.027c0-.272.109-.533.303-.726a1.04 1.04 0 0 1 1.465 0c.194.193.303.454.303.726v1.026h2.071v-1.026c0-.272.11-.533.304-.726a1.04 1.04 0 0 1 1.464 0c.194.193.304.454.304.726v1.026h1.036a1.04 1.04 0 0 1 .957.634 1.02 1.02 0 0 1-.226 1.118 1.03 1.03 0 0 1-.731.302H21.75v2.053h1.036c.274 0 .537.109.731.301s.304.453.305.725m-4.143-3.08h-2.071v2.054h2.07z"
+    />
+  </symbol>
+  <symbol id="clojure" viewBox="0 0 32 32">
+    <path
+      d="M15.337 16.288a79 79 0 0 0-.516 1.144c-.642 1.456-1.354 3.227-1.613 4.361-.103.48-.153.97-.15 1.462q.002.33.03.685c.91.333 1.89.517 2.915.52a8.5 8.5 0 0 0 2.668-.435 5 5 0 0 1-.558-.588c-1.138-1.452-1.772-3.576-2.776-7.149M11.14 9.084A8.47 8.47 0 0 0 7.543 16a8.47 8.47 0 0 0 3.5 6.845c.52-2.162 1.821-4.142 3.773-8.112q-.174-.48-.396-1.033c-.541-1.357-1.321-2.93-2.017-3.644a5.7 5.7 0 0 0-1.263-.972m12.23 16.619c-1.12-.14-2.045-.31-2.855-.595A10.167 10.167 0 0 1 6.74 11.804 10.1 10.1 0 0 1 9.301 8.36a7.5 7.5 0 0 0-1.765-.216c-2.981.027-6.13 1.677-7.44 6.136-.123.648-.093 1.139-.093 1.72 0 8.836 7.164 16 16 16 5.412 0 10.19-2.69 13.086-6.801-1.565.39-3.073.577-4.36.581q-.725 0-1.36-.077m-3.006-3.1c.099.048.323.129.633.217A8.47 8.47 0 0 0 24.464 16h-.003a8.47 8.47 0 0 0-8.46-8.46 8.4 8.4 0 0 0-2.656.432c1.72 1.957 2.544 4.755 3.343 7.816l.001.004c.002.003.256.85.691 1.973s1.052 2.514 1.724 3.527c.443.68.93 1.168 1.26 1.31M16.001 0A15.97 15.97 0 0 0 3 6.684C4.51 5.737 6.053 5.394 7.4 5.408c1.859.005 3.321.581 4.023.976q.253.147.488.31a10.167 10.167 0 0 1 13.472 13.227 10.1 10.1 0 0 1-2.24 3.312c.458.051.945.084 1.445.082 1.77 0 3.688-.391 5.123-1.598.937-.789 1.721-1.944 2.156-3.676Q31.999 17.037 32 16C32 7.164 24.84 0 16.001 0"
+    />
+  </symbol>
+  <symbol id="elixir" viewBox="0 0 32 32">
+    <path
+      d="M22.525 20c.2-.125.425-.25.625-.375 1.4-1.2.9-3.375-1.475-6.425.05 1.525.3 3.1.55 4.775q.15.975.3 2.025M9 25.8c.8 3.425 2.825 5.275 5.125 6.05 1.275.225 2.55.175 3.825-.1.2-.1.375-.225.55-.35.5-.325.925-.7 1.325-1.075-1.625-.7-3.275-2.05-4.825-3.65-1.2-.075-2.375-.2-3.4-.35-1-.1-1.85-.275-2.6-.525M8.65 9.675l-.05.35c-.35 1.975-.375 3.75-.1 5.3.275-1.85.65-3.75 1.175-5.575.075-.275.15-.575.25-.875h.025c.4-1.25.85-2.45 1.375-3.575-1 1.325-1.875 2.8-2.675 4.375"
+    />
+    <path
+      d="M8.475 28.5a9.2 9.2 0 0 0 2.975 2.475c-1.4-1.15-2.5-2.875-3-5.35-.95-.35-1.7-.825-2.275-1.425.4 1.6 1.15 3.075 2.3 4.3m-.15-11.75q-.675-2.213-.45-5.1c-.275.575-.525 1.2-.8 1.825C5.95 16.75 5.45 20.15 5.925 23.15c.525.8 1.3 1.45 2.4 1.9-.35-1.925-.375-4.975 0-8.3m.55 8.45q0 .038 0 0c.8.3 1.7.5 2.775.625.875.15 1.825.25 2.825.325C12.4 23.875 10.575 21.2 9.4 19c-.275-.4-.5-.825-.7-1.25-.275 3.05-.2 5.775.175 7.45m12.85-7.175c-.275-1.875-.575-3.775-.575-5.575-3.175-2.95-6.25-6.1-6.125-11.175-.1.075-.2.15-.275.225-.55.475-1.1 1-1.625 1.575C12 4.675 11.1 6.725 10.4 8.95c-.4 2.9 2.4 8.575 6.125 12.925 1.8-.075 3.7-.625 5.525-1.625-.1-.725-.2-1.475-.325-2.225m2.5 9.925a8.5 8.5 0 0 1-1.95-.65 8.1 8.1 0 0 1-1.6 2.85c.275.075.525.15.775.175 1.05-.625 2-1.45 2.775-2.375"
+    />
+    <path
+      d="M15.525.9C15.25 5.775 18.05 8.875 21.1 11.7 18.425 8.15 16.875 6.025 16.875.075q-.638.338-1.35.825M20.8 26.45c-1.325.2-2.7.275-4.05.275-.35 0-.725 0-1.075-.025 1.45 1.45 3 2.65 4.5 3.25a7.5 7.5 0 0 0 1.65-2.9 8.4 8.4 0 0 1-1.025-.6m-.6-.4c-.5-.35-.95-.725-1.375-1.1A27 27 0 0 1 16.3 22.4c-1.775.025-3.425-.4-4.775-1.275a5 5 0 0 1-.575-.425c1.15 1.825 2.625 3.825 4.225 5.5 1.625.075 3.375.05 5.025-.15m2.4.05c-.05.25-.1.475-.175.725.7.35 1.425.6 2.15.675A9.1 9.1 0 0 0 26 24.675c-.925.625-2.1 1.1-3.4 1.425"
+    />
+    <path
+      d="M11.8 20.7c1.175.75 2.575 1.15 4.075 1.2-3.075-3.65-5.45-8.1-5.925-11.25-.575 2.225-.775 3.6-1.1 5.9v.05c.225.575.525 1.275.925 2.025.525.85 1.2 1.55 2.025 2.075m10.325.1c-1.7.925-3.475 1.45-5.175 1.575.725.8 1.45 1.55 2.2 2.2.525.475 1.125.95 1.775 1.375.425-.075.825-.15 1.225-.225.25-1.575.175-3.225-.025-4.925m.55 4.775c1.4-.375 2.625-.9 3.525-1.65.375-1.725.25-3.6-.575-5.6a58 58 0 0 0-2.075-3.25c1.2 2.2 1.175 3.8-.1 4.9l-.025.025c-.275.175-.55.35-.85.525.225 1.725.325 3.45.1 5.05"
+    />
+  </symbol>
+  <symbol id="elm" viewBox="0 0 24 24">
+    <path
+      d="m12 11.327 5.174-5.174H6.796zM.643 0l5.235 5.204h11.357L12 0zm17.694 6.306 5.632 5.663-5.663 5.664L12.643 12zM24 10.653V0H13.316zM11.327 12 0 .643v22.684zm7.622 6.306L24 23.326v-10.07zM12 12.643.643 24h22.684z"
+    />
+  </symbol>
+  <symbol id="flutter" viewBox="0 0 32 32">
+    <path
+      d="M7.202 20.91 2.256 16l16-16h9.855zM18.256 32l-8.618-8.618 8.618-8.618h9.855l-8.619 8.618L28.111 32z"
+    />
+  </symbol>
+  <symbol id="go" viewBox="0 0 44 40">
+    <path
+      d="M3.257 16.204c-.087 0-.108-.043-.065-.108l.442-.573c.043-.065.147-.108.23-.108h7.496c.086 0 .105.065.064.13l-.357.554c-.044.064-.147.127-.21.127zM.085 18.166c-.084 0-.106-.043-.065-.107l.442-.576c.043-.065.147-.108.23-.108h9.575c.086 0 .129.065.107.13l-.168.51c-.021.087-.105.13-.19.13zm5.082 1.963c-.086 0-.106-.065-.065-.13l.296-.532c.043-.065.125-.13.209-.13h4.2c.084 0 .125.065.125.151L9.89 20c0 .087-.082.151-.144.151zm21.795-4.309c-1.324.341-2.225.598-3.527.939-.315.086-.337.107-.61-.214-.316-.362-.546-.597-.986-.81-1.324-.66-2.605-.469-3.801.32-1.428.939-2.163 2.325-2.142 4.052.022 1.706 1.175 3.114 2.836 3.349 1.427.192 2.624-.322 3.568-1.408.19-.235.356-.492.567-.79h-4.053c-.44 0-.546-.278-.397-.64.272-.66.776-1.768 1.07-2.324a.56.56 0 0 1 .524-.341h7.643c-.043.576-.043 1.152-.125 1.727a9.16 9.16 0 0 1-1.723 4.181c-1.509 2.027-3.484 3.284-5.983 3.623-2.057.28-3.968-.128-5.65-1.406q-2.323-1.792-2.665-4.735c-.273-2.323.4-4.414 1.784-6.247 1.492-1.984 3.465-3.243 5.88-3.69 1.973-.362 3.864-.129 5.563 1.044 1.114.746 1.912 1.77 2.436 3.008.128.192.043.298-.209.362"
+    />
+    <path
+      d="M33.91 27.613c-1.911-.043-3.653-.598-5.124-1.876a6.73 6.73 0 0 1-2.268-4.119c-.377-2.408.274-4.54 1.703-6.438 1.531-2.048 3.38-3.114 5.878-3.562 2.141-.384 4.157-.17 5.984 1.089 1.66 1.151 2.689 2.708 2.96 4.754.358 2.879-.461 5.225-2.415 7.23a9.57 9.57 0 0 1-5.039 2.73c-.567.108-1.134.13-1.68.194m4.999-8.616c-.022-.276-.022-.49-.065-.703-.378-2.113-2.286-3.306-4.282-2.836-1.952.447-3.213 1.704-3.675 3.709-.377 1.665.42 3.349 1.932 4.032 1.154.511 2.31.446 3.422-.13 1.66-.873 2.562-2.238 2.668-4.072"
+    />
+  </symbol>
+  <symbol id="haskell" viewBox="0 0 32 32">
+    <path
+      d="M0 4.713 7.53 16 0 27.287h5.647L13.177 16 5.647 4.713zm7.53 0L15.058 16l-7.53 11.287h5.647l4.707-7.054 4.706 7.054h5.646L13.177 4.713zm11.92 6.584 2.511 3.763H32v-3.763zm3.766 5.643 2.51 3.763H32V16.94z"
+    />
+  </symbol>
+  <symbol id="java-kotlin-android" viewBox="0 0 32 32">
+    <path
+      d="m20.85 6.088.075.042c-1.01.534-3.898 2.254-3.898 4.443 0 .739.422 1.45.818 2.12.35.59.679 1.144.679 1.65 0 1.277-1.244 2.267-1.947 2.723l-.133-.077c.265-.324.592-.867.592-1.445 0-.798-.41-1.435-.824-2.082-.43-.668-.864-1.346-.864-2.226 0-3.056 4.153-4.696 5.503-5.148m-5.46 1.616c1.671-1.494 3.497-3.126 3.497-5.58 0-1.11-.455-1.82-.68-2.104l-.074.041c.054.221.134.63.134 1.163 0 2.234-1.896 3.8-3.731 5.317-1.721 1.424-3.39 2.803-3.39 4.648 0 2.647 2.611 4.275 3.714 4.963l.084.053.067-.04a10 10 0 0 0-.19-.203c-.848-.902-2.136-2.272-2.136-4.366 0-1.47 1.298-2.632 2.706-3.892m-.6 13.21c2.351 0 3.997-.337 4.727-.544l1.11.64c-1.058.538-3.402.947-5.843.947-2.87 0-6.01-.616-6.019-1.437-.006-.454 1.02-.755 2.127-.95l.067.04s-.375.134-.371.443c.005.467 1.893.861 4.2.861m-4.705 2.895c0-.543 1.118-.8 1.63-.903l.067.04c-.088.066-.136.155-.136.231 0 .356 1.24.681 3.141.681 1.704 0 2.651-.209 3.214-.344l1.32.764c-.06.043-1.36.86-4.536.86-2.308 0-4.7-.576-4.7-1.329m11.372-2.304c1.573-.897 3.148-1.959 3.237-3.663.059-1.118-.97-1.938-2.093-1.72l.06-.149v-.003a3.6 3.6 0 0 1 1.022-.154c1.258 0 2.222.753 2.344 1.808.248 2.114-2.749 3.49-4.428 3.964zm2.633 3.984c.013 1.453-4.93 2.317-9.35 2.356-3.814.033-9.965-.687-9.978-2.14-.008-1.004 2.667-1.699 4.12-1.899l.153.087s-2.166.503-2.16 1.416c.008.91 4.567 1.699 7.859 1.67 5.1-.045 8.552-.875 8.96-2.002l.072-.041c.15.11.32.29.324.553M8.573 28.45c1.887.301 3.795.446 5.706.433 8.277-.072 10.613-2.106 10.973-2.549l.063.037c-.086 1.611-4.463 2.95-9.862 2.996-2.748.024-5.249-.293-7.046-.82zm3.47-12.377c-1.439.11-4.528.568-4.528 1.381 0 .616 2.832 1.484 7.269 1.484 3.992 0 6.512-.753 7.1-1.04l-.857-.5c-.614.167-2.892.675-6.243.675-1.973 0-5.373-.364-5.373-.92 0-.499 2.121-.883 2.73-.994l.039-.006z"
+    />
+  </symbol>
+  <symbol id="javascript" viewBox="0 0 30 30">
+    <path
+      d="M5 0a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5zm12.223 21.758q1.8 1.45 3.594 1.43 1.1 0 1.686-.403a1.25 1.25 0 0 0 .569-1.1 1.62 1.62 0 0 0-.567-1.247q-.587-.51-2.22-1.026-1.962-.567-3.025-1.467-1.044-.9-1.063-2.512 0-1.521 1.32-2.548 1.283-1.027 3.283-1.027 2.787 0 4.472 1.357l-1.284 1.998a4.3 4.3 0 0 0-1.558-.77 5.3 5.3 0 0 0-1.577-.275q-.95 0-1.521.349-.567.35-.567.916 0 .624.695 1.064.7.423 2.383.935 2.036.604 2.897 1.613.862 1.008.862 2.567 0 1.595-1.229 2.75-1.21 1.136-3.52 1.191-3.024 0-5.06-1.815zm-9.216 1.064q.586.366 1.411.366.862 0 1.43-.495.567-.513.569-1.778v-8.837h2.475v9.314q-.056 2.163-1.247 3.116c-.435.368-.94.642-1.485.807a5.5 5.5 0 0 1-1.558.238q-1.376 0-2.439-.476-1.136-.512-1.906-1.815L6.98 21.85q.475.642 1.027.972"
+    />
+  </symbol>
+  <symbol id="julia" viewBox="0 0 24 24">
+    <path
+      d="M9.29 11.03c-3.597-2.074-3.597-7.286 0-9.36s8.118.532 8.118 4.68-4.52 6.754-8.118 4.68m1.526 6.62c0-4.147-4.52-6.753-8.118-4.68-3.597 2.074-3.597 7.287 0 9.36 3.597 2.074 8.118-.532 8.118-4.68m13.184 0c0-4.147-4.52-6.753-8.118-4.68-3.597 2.074-3.597 7.287 0 9.36C19.479 24.405 24 21.799 24 17.65"
+    />
+  </symbol>
+  <symbol id="services" viewBox="0 0 32 32">
+    <path
+      d="M30.47 6.1H1.52V1.53H0v28.95h1.52V7.62h28.95v22.86H32V1.53h-1.53zM30.47 30.48H1.52V32h28.95z"
+    />
+    <path
+      d="M24.38 22.86h-1.52v1.52h1.52zM22.86 18.29h1.52v1.52h-1.52v1.53h3.04v-4.58h-3.04zM24.38 13.72h-1.52v1.52h1.52zM22.86 24.38h-1.53v1.53h1.53zM22.86 21.34h-1.53v1.52h1.53zM22.86 15.24h-1.53v1.52h1.53zM22.86 12.19h-1.53v1.53h1.53zM21.33 25.91h-1.52v1.52h1.52zM21.33 10.67h-1.52v1.52h1.52zM19.81 24.38h-1.53v1.53h1.53zM19.81 16.76h-1.53v4.58h1.53zM19.81 12.19h-1.53v1.53h1.53zM16.76 27.43h-1.52v-1.52h-1.53v3.04h4.57v-3.04h-1.52z"
+    />
+    <path
+      d="M18.28 21.34h-4.57v1.52h4.57zM18.28 15.24h-4.57v1.52h4.57zM15.24 10.67h1.52v1.52h1.52V9.15h-4.57v3.04h1.53zM13.71 24.38h-1.52v1.53h1.52zM13.71 16.76h-1.52v4.58h1.52zM13.71 12.19h-1.52v1.53h1.52zM12.19 25.91h-1.52v1.52h1.52zM12.19 10.67h-1.52v1.52h1.52zM10.67 24.38H9.14v1.53h1.53zM10.67 21.34H9.14v1.52h1.53zM10.67 15.24H9.14v1.52h1.53zM10.67 12.19H9.14v1.53h1.53zM10.67 3.05H9.14v1.52h1.53zM9.14 22.86H7.62v1.52h1.52zM7.62 19.81v-1.52h1.52v-1.53H6.09v4.58h3.05v-1.53zM9.14 13.72H7.62v1.52h1.52zM7.62 3.05H6.09v1.52h1.53zM4.57 3.05H3.05v1.52h1.52zM30.47 0H1.52v1.53h28.95z"
+    />
+  </symbol>
+  <symbol id="php" viewBox="0 0 40 40">
+    <path
+      d="M20 9.167C8.785 9.167 0 13.925 0 20s8.785 10.833 20 10.833S40 26.075 40 20 31.215 9.167 20 9.167M17.923 12.5h2.184l-.694 3.333h1.95c1.237 0 2.067.174 2.54.605.462.427.602 1.127.417 2.08l-.867 3.982h-2.22l.799-3.682q.143-.761-.112-1.041c-.168-.185-.54-.277-1.097-.277h-1.748l-1.055 5h-2.187zm-9.59 3.333h4.444c2.118 0 3.401 1.42 2.9 3.539-.584 2.461-2.144 3.128-5.017 3.128H9.287L8.852 25H6.643zm17.5 0h4.444c2.118 0 3.401 1.42 2.9 3.539-.584 2.461-2.145 3.128-5.017 3.128h-1.373l-.435 2.5h-2.209zM10.225 17.5l-.628 3.333h1.425c1.233 0 2.38-.14 2.571-1.978.072-.713-.225-1.355-1.65-1.355zm17.5 0-.628 3.333h1.425c1.233 0 2.38-.14 2.571-1.978.072-.713-.223-1.355-1.65-1.355z"
+    />
+  </symbol>
+  <symbol id="python" viewBox="0 0 30 30">
+    <mask
+      id="b"
+      width="30"
+      height="30"
+      x="0"
+      y="0"
+      maskUnits="userSpaceOnUse"
+      style="mask-type: luminance"
+    >
+      <path fill="#fff" d="M0 0h30v30H0z" />
+    </mask>
+    <g mask="url(#b)">
+      <path
+        d="M14.893 0C7.275 0 7.75 3.32 7.75 3.32l.009 3.44h7.267v1.033H4.875S0 7.236 0 14.96s4.254 7.45 4.254 7.45H6.79v-3.584s-.136-4.275 4.188-4.275h7.207s4.05.066 4.05-3.934V4.002S22.851 0 14.892 0m-4.008 2.313a1.31 1.31 0 0 1 1.308 1.314 1.31 1.31 0 0 1-1.308 1.314 1.31 1.31 0 0 1-1.307-1.313 1.31 1.31 0 0 1 1.307-1.315"
+      />
+      <path
+        d="M15.109 30c7.615 0 7.14-3.32 7.14-3.32l-.009-3.44h-7.267v-1.033h10.153s4.875.557 4.875-7.168-4.255-7.45-4.255-7.45H23.21v3.583s.136 4.275-4.188 4.275h-7.206s-4.05-.065-4.05 3.935v6.615S7.15 30 15.11 30m4.007-2.313a1.31 1.31 0 0 1-1.307-1.315 1.31 1.31 0 0 1 1.307-1.313 1.31 1.31 0 0 1 1.308 1.313 1.31 1.31 0 0 1-1.308 1.315"
+      />
+    </g>
+  </symbol>
+  <symbol id="ruby" viewBox="0 0 32 32">
+    <path
+      fill-rule="evenodd"
+      d="m15.924 2-.077.008h-.152l-.12.06a1.3 1.3 0 0 0-.31.154l-5.108 2.555-5.38 5.38-2.543 5.083a1.3 1.3 0 0 0-.171.345l-.055.11v.139a1.3 1.3 0 0 0 0 .29v10.438l.241.333c.21.29.445.58.72.854 1.325 1.325 3.069 2.001 4.992 2.17q.198.064.405.063h20.152a1.3 1.3 0 0 0 .422 0h1.043v-1.048a1.3 1.3 0 0 0 0-.417V8.366a1.3 1.3 0 0 0-.062-.405c-.17-1.923-.846-3.666-2.17-4.992h-.003v-.002a7 7 0 0 0-.85-.715l-.335-.244H16.11a1 1 0 0 0-.186-.007m4.661 2.55h5.109c.086.073.183.142.26.219.931.932 1.434 2.266 1.48 3.891zm-4.644.18 2.3 1.377-.892 5.464-2.252 2.253-3.525 3.524-5.463.891-1.379-2.3 2.139-4.279 4.793-4.793zm4.647 2.786 4.311 2.587-4.833.604zm6.258 4.907c-.742 2.389-2.193 4.99-4.284 7.416l-2.305-6.594zm-8.839 2.086 1.878 5.374-5.375-1.877 2.385-2.385zm9.433 2.836v8.295l-3.515-3.514a26.7 26.7 0 0 0 3.515-4.78m-16.732 2.718-.603 4.833-2.588-4.31zm2.538.192 6.591 2.304c-2.424 2.09-5.024 3.542-7.413 4.284zm-8.695.328 4.11 6.849c-1.627-.046-2.962-.55-3.894-1.483-.075-.075-.143-.172-.216-.258zm17.576 3.34 3.515 3.514h-8.295a26.7 26.7 0 0 0 4.78-3.514"
+      clip-rule="evenodd"
+    />
+  </symbol>
+  <symbol id="rust" viewBox="0 0 32 32">
+    <path
+      d="m31.781 15.608-1.343-.832q-.017-.195-.038-.391l1.154-1.077a.462.462 0 0 0-.153-.771l-1.476-.552a17 17 0 0 0-.115-.381l.92-1.279a.46.46 0 0 0-.3-.727l-1.557-.253q-.09-.176-.187-.35l.654-1.435a.46.46 0 0 0-.036-.448.46.46 0 0 0-.4-.206l-1.58.055a13 13 0 0 0-.25-.302l.363-1.539a.462.462 0 0 0-.556-.556l-1.538.362q-.15-.126-.303-.249l.055-1.58a.46.46 0 0 0-.654-.436l-1.435.654a17 17 0 0 0-.35-.188l-.253-1.556a.462.462 0 0 0-.726-.3l-1.28.92a14 14 0 0 0-.38-.116L19.465.6a.46.46 0 0 0-.771-.153L17.617 1.6q-.195-.022-.391-.038L16.394.219a.462.462 0 0 0-.786 0l-.832 1.344q-.195.015-.391.038L13.308.446a.462.462 0 0 0-.771.153l-.552 1.476q-.192.056-.38.116l-1.28-.92a.46.46 0 0 0-.727.3l-.254 1.556q-.175.092-.35.188L7.56 2.661a.46.46 0 0 0-.654.437l.055 1.579q-.153.123-.303.25L5.12 4.563a.464.464 0 0 0-.557.556l.363 1.539q-.127.15-.25.302l-1.579-.055a.465.465 0 0 0-.477.425.46.46 0 0 0 .04.23l.654 1.435q-.095.172-.187.35l-1.556.252a.462.462 0 0 0-.301.727l.92 1.279q-.06.19-.115.38l-1.476.553a.463.463 0 0 0-.153.771L1.6 14.385q-.022.195-.039.391l-1.343.832a.462.462 0 0 0 0 .786l1.343.832q.017.195.038.39L.447 18.695a.462.462 0 0 0 .153.771l1.476.552q.056.192.116.38l-.921 1.28a.462.462 0 0 0 .301.726l1.556.253q.091.177.188.35l-.655 1.435a.46.46 0 0 0 .437.654l1.579-.055q.123.154.25.303l-.363 1.539a.46.46 0 0 0 .557.555l1.538-.362q.15.128.303.249l-.055 1.58a.462.462 0 0 0 .654.436l1.435-.654q.173.096.35.188l.253 1.555a.46.46 0 0 0 .727.302l1.279-.922q.19.061.38.116l.552 1.476a.46.46 0 0 0 .771.153l1.077-1.155q.195.022.392.04l.832 1.343a.464.464 0 0 0 .786 0l.831-1.344q.197-.017.392-.039l1.077 1.155a.46.46 0 0 0 .77-.153l.553-1.476q.19-.055.38-.116l1.28.922a.463.463 0 0 0 .726-.302l.254-1.555q.175-.092.349-.188l1.435.654a.462.462 0 0 0 .654-.436l-.055-1.58q.153-.123.303-.249l1.538.362a.46.46 0 0 0 .55-.323.46.46 0 0 0 .006-.232l-.362-1.539q.126-.15.249-.303l1.58.055a.46.46 0 0 0 .476-.425.46.46 0 0 0-.04-.229l-.654-1.434q.096-.174.187-.35l1.556-.254a.46.46 0 0 0 .385-.51.46.46 0 0 0-.084-.216l-.92-1.279q.06-.189.115-.381l1.476-.552a.46.46 0 0 0 .278-.575.46.46 0 0 0-.125-.196L30.4 17.617q.02-.195.038-.391l1.343-.832a.46.46 0 0 0 0-.786M22.79 26.752a.952.952 0 0 1 .399-1.861.952.952 0 0 1-.4 1.861m-.457-3.087a.867.867 0 0 0-1.028.666l-.477 2.226A11.65 11.65 0 0 1 16 27.597c-1.76 0-3.43-.39-4.929-1.087l-.476-2.225a.866.866 0 0 0-1.029-.666l-1.965.422a12 12 0 0 1-1.016-1.198h9.561c.108 0 .18-.02.18-.118v-3.382c0-.099-.072-.118-.18-.118H13.35V17.08h3.024c.276 0 1.477.079 1.86 1.613.12.472.384 2.006.565 2.497.18.551.911 1.652 1.691 1.652h4.765a1 1 0 0 0 .172-.017q-.496.675-1.083 1.271zM9.11 26.705a.952.952 0 1 1 .317-1.73.95.95 0 0 1-.317 1.73M5.483 11.999a.95.95 0 1 1-1.755.043.952.952 0 0 1 1.541-.346 1 1 0 0 1 .213.303m-1.115 2.643 2.047-.91a.867.867 0 0 0 .44-1.145l-.421-.953h1.658v7.474H4.747a11.7 11.7 0 0 1-.38-4.466m8.982-.726v-2.203H17.3c.204 0 1.44.236 1.44 1.16 0 .768-.948 1.043-1.728 1.043zm14.35 1.983q0 .438-.033.868h-1.2c-.12 0-.168.079-.168.197v.55c0 1.298-.732 1.58-1.373 1.652-.61.07-1.288-.255-1.371-.629-.36-2.026-.96-2.458-1.908-3.206 1.176-.747 2.4-1.848 2.4-3.323 0-1.593-1.092-2.596-1.836-3.088-1.044-.688-2.2-.826-2.512-.826H7.285a11.7 11.7 0 0 1 6.545-3.694l1.463 1.535a.866.866 0 0 0 1.225.028l1.637-1.566a11.71 11.71 0 0 1 8.01 5.704l-1.121 2.532a.87.87 0 0 0 .44 1.145l2.159.958q.056.574.056 1.163M15.294 3.093a.95.95 0 1 1 1.312 1.377A.949.949 0 0 1 15 3.76a.95.95 0 0 1 .294-.667m11.123 8.952a.95.95 0 0 1 1.253-.485.952.952 0 0 1-.77 1.74.953.953 0 0 1-.483-1.256"
+    />
+  </symbol>
+  <symbol id="scala" viewBox="0 0 32 32">
+    <path
+      d="M6.12 32c6.047 0 18.411-2.021 19.76-4v-7.641c-1.276 1.88-13.714 3.885-19.76 3.885zm0-10.182c6.047 0 18.411-2.021 19.76-4v-7.635c-1.276 1.875-13.714 3.88-19.76 3.88zm0-10.177c6.047 0 18.411-2.021 19.76-4V0C24.604 1.875 12.166 3.88 6.12 3.88z"
+    />
+  </symbol>
+  <symbol id="swift-objective-c-ios" viewBox="0 0 40 40">
+    <path
+      d="M36 12.878v-.93c0-.722-.051-1.393-.206-2.115-.052-.722-.36-1.393-.67-1.961-.668-1.24-1.646-2.323-2.983-2.994-.669-.31-1.285-.568-2.007-.67-.72-.052-1.388-.208-2.108-.208H11.512c-.566 0-1.03.051-1.595.156a5.8 5.8 0 0 0-1.544.412c-.154.052-.36.154-.514.207q-.674.45-1.286.98c-.155.052-.258.208-.464.362a7.7 7.7 0 0 0-1.234 1.65c-.309.673-.566 1.29-.669 2.015A29 29 0 0 0 4 11.897V28c0 .722.051 1.393.206 2.116.052.722.36 1.394.67 2.012.668 1.29 1.646 2.323 2.983 2.994.669.31 1.285.568 2.007.67.72.054 1.388.208 2.108.208h16.053c.72 0 1.387-.051 2.107-.207.72-.051 1.39-.361 2.007-.671 1.235-.671 2.315-1.652 2.984-2.994.309-.67.566-1.288.669-2.012.104-.723.206-1.394.206-2.116zm-4.99 17.186c-1.44-2.735-4.064-2.115-5.402-1.393a1.1 1.1 0 0 1-.36.207h-.104c-2.726 1.547-6.584 1.599-10.34-.051a17.14 17.14 0 0 1-7.46-6.453 12 12 0 0 0 2.83 1.653c4.064 1.909 8.026 1.753 10.906 0-4.064-3.098-7.357-7.175-10.032-10.427a16 16 0 0 1-1.389-1.806c3.088 2.838 8.026 6.452 9.776 7.381-3.757-3.923-6.998-8.876-6.896-8.62 5.866 5.936 11.267 9.342 11.267 9.342.207.052.362.206.516.31.05-.31.206-.568.308-.878.927-3.406-.05-7.38-2.468-10.581 5.504 3.252 8.694 9.498 7.356 14.814-.052.051-.052.205-.052.361 2.624 3.148 1.904 6.76 1.544 6.141"
+    />
+  </symbol>
+  <symbol id="c-c" viewBox="0 0 24 24">
+    <path
+      d="M22.394 6c-.167-.29-.398-.543-.652-.69L12.926.22c-.509-.294-1.34-.294-1.848 0L2.26 5.31c-.508.293-.923 1.013-.923 1.6v10.18c0 .294.104.62.271.91s.398.543.652.69l8.816 5.09c.508.293 1.34.293 1.848 0l8.816-5.09c.254-.147.485-.4.652-.69s.27-.616.27-.91V6.91c.003-.294-.1-.62-.268-.91M12 19.11c-3.92 0-7.109-3.19-7.109-7.11s3.19-7.11 7.11-7.11a7.13 7.13 0 0 1 6.156 3.553l-3.076 1.78a3.57 3.57 0 0 0-3.08-1.78A3.56 3.56 0 0 0 8.444 12 3.56 3.56 0 0 0 12 15.555a3.57 3.57 0 0 0 3.08-1.778l3.078 1.78A7.14 7.14 0 0 1 12 19.11m7.11-6.715h-.79v.79h-.79v-.79h-.79v-.79h.79v-.79h.79v.79h.79zm2.962 0h-.79v.79h-.79v-.79h-.79v-.79h.79v-.79h.79v.79h.79z"
+    />
+  </symbol>
+</svg>
diff --git a/src/app/(main)/resources/[category]/texts.ts b/src/app/(main)/resources/[category]/texts.ts
new file mode 100644
index 0000000000..b8ad42f0ed
--- /dev/null
+++ b/src/app/(main)/resources/[category]/texts.ts
@@ -0,0 +1,155 @@
+import { Kind, Topic } from "@/resources/types"
+
+export const texts: {
+  [key in Topic]: {
+    heading: string
+    subtitle: string
+    sections: {
+      [key in Kind]?: {
+        heading: string
+        text: string
+      }
+    }
+  }
+} = {
+  frontend: {
+    heading: "Frontend",
+    subtitle: "Learn how to use GraphQL on the frontend.",
+    sections: {
+      video: {
+        heading: "Master GraphQL on the frontend",
+        text: "Watch talks and tutorials from GraphQL Conf and community experts. See how teams integrate GraphQL on the frontend and learn from real-world case studies.",
+      },
+      "tools-and-libraries": {
+        heading: "Frontend tools & libraries",
+        text: "Explore the most popular GraphQL client libraries and frameworks for frontend. These tools help you fetch and manage data with GraphQL.",
+      },
+      "blog-or-newsletter": {
+        heading: "Insights for frontend devs",
+        text: "Stay up to date with insights from the GraphQL community.",
+      },
+    },
+  },
+  backend: {
+    heading: "Backend",
+    subtitle:
+      "Build powerful GraphQL backends with the right tools, libraries and expert insights.",
+    sections: {
+      video: {
+        heading: "Master GraphQL on the backend",
+        text: "Discover videos and tutorials to help you build, deploy and scale your GraphQL backend.",
+      },
+      "tools-and-libraries": {
+        heading: "Backend tools & libraries",
+        text: "Find the right GraphQL backend stack — from JavaScript to Rust and beyond.",
+      },
+      "blog-or-newsletter": {
+        heading: "Build better GraphQL infrastructure",
+        text: "Dive into articles on server architecture, schema design and best practices for running GraphQL at scale.",
+      },
+    },
+  },
+  federation: {
+    heading: "Federation",
+    subtitle: "Learn how to build and compose GraphQL graphs with federation.",
+    sections: {
+      video: {
+        heading: "Master GraphQL federation",
+        text: "Watch talks and tutorials from GraphQL Conf and community experts. See how teams build and compose GraphQL graphs with federation.",
+      },
+      "tools-and-libraries": {
+        heading: "Tools & libraries for federated graphs",
+        text: "Run federated GraphQL graphs at scale with the right tools — from open-source routers to managed platforms.",
+      },
+      "blog-or-newsletter": {
+        heading: "Latest updates on federation & composition",
+        text: "Read the latest announcements and technical deep dives.",
+      },
+    },
+  },
+  ai: {
+    heading: "Artificial Intelligence",
+    subtitle: "Explore how to use GraphQL for AI systems.",
+    sections: {
+      "tools-and-libraries": {
+        heading: "GraphQL tools for AI",
+        text: "Discover the best tools for building AI systems with GraphQL.",
+      },
+      "blog-or-newsletter": {
+        heading: "Latest insights on AI & GraphQL",
+        text: "Read the latest announcements and technical deep dives.",
+      },
+    },
+  },
+  security: {
+    heading: "Security",
+    subtitle: "Learn how to secure your GraphQL APIs.",
+    sections: {
+      "tools-and-libraries": {
+        heading: "GraphQL security tools",
+        text: "Find resources to help secure GraphQL APIs across various languages and frameworks.",
+      },
+      docs: {
+        heading: "Security in practice",
+        text: "Follow proven patterns to delegate authorization correctly and protect your GraphQL APIs from malicious operations.",
+      },
+    },
+  },
+  monitoring: {
+    heading: "Monitoring",
+    subtitle:
+      "Stay ahead of issues by monitoring queries and watching error trends.",
+    sections: {
+      "tools-and-libraries": {
+        heading: "GraphQL monitoring tools",
+        text: "Connect GraphQL tracing and alerting systems to reduce blind spots in production.",
+      },
+      docs: {
+        heading: "Monitoring in practice",
+        text: "Learn how to track the right signals in your GraphQL ecosystem — from latency and error rates to resolver-level performance.",
+      },
+      "blog-or-newsletter": {
+        heading: "Latest insights on monitoring",
+        text: "Read the latest announcements and technical deep dives.",
+      },
+    },
+  },
+  "schema-design": {
+    heading: "Schema Design",
+    subtitle: "Learn how to design and maintain GraphQL schemas.",
+    sections: {},
+  },
+  "api-platform-and-gateways": {
+    heading: "API Platform and Gateways",
+    subtitle: "Learn how to build and deploy API Gateways and Supergraphs.",
+    sections: {},
+  },
+  "developer-experience": {
+    heading: "Developer Experience",
+    subtitle: "Learn how to improve your developer experience.",
+    sections: {},
+  },
+  tools: {
+    heading: "Tools",
+    subtitle: "Discover the best tools for GraphQL development.",
+    sections: {},
+  },
+}
+
+export const sectionKindNames: Record<Kind, string> = {
+  video: "Featured videos",
+  blog: "Blog posts",
+  "tools-and-libraries": "Tools & Libraries",
+  guide: "Guides",
+  book: "Books",
+  "blog-or-newsletter": "Blogs & Newsletters",
+  docs: "Documentation",
+}
+
+export function slugify(name: string): string {
+  return name.toLowerCase().replace(/ & /g, "-and-").replace(/ /g, "-")
+}
+
+export const sectionIds: Record<Kind, string> = Object.fromEntries(
+  Object.entries(sectionKindNames).map(([kind, name]) => [kind, slugify(name)]),
+) as Record<Kind, string>
diff --git a/src/app/(main)/resources/assets/ai.svg b/src/app/(main)/resources/assets/ai.svg
new file mode 100644
index 0000000000..1a74a15a0e
--- /dev/null
+++ b/src/app/(main)/resources/assets/ai.svg
@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  style="display: block"
+  viewBox="0 0 48 37"
+>
+  <path
+    d="M27.42 4.575V2.28h-2.28v2.295h-2.28V2.28h-2.295v2.295H0v2.28h2.28V9.15h2.295v22.845h2.28V9.15h34.29v22.845h2.28V9.15h2.28V6.855H48v-2.28zM41.145 31.995H38.85v2.295h2.295zM9.135 34.29v2.28H38.85v-2.28z"
+  />
+  <path
+    d="M13.71 27.435V25.14h2.28v-2.28h-2.28V11.43h-2.28v18.285h25.14v-2.28zM34.29 13.71h-2.295v2.295h2.295z"
+  />
+  <path
+    d="M31.995 16.005h-2.28v2.28h2.28zM29.715 18.285H27.42v2.295h2.295zM27.42 20.58h-2.28v2.28h2.28zM25.14 22.86h-2.28v2.28h2.28zM25.14 0h-2.28v2.28h2.28zM22.86 20.58h-2.295v2.28h2.295zM20.565 18.285h-2.28v2.295h2.28zM18.285 20.58H15.99v2.28h2.295zM9.135 31.995h-2.28v2.295h2.28z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/archive.svg b/src/app/(main)/resources/assets/archive.svg
new file mode 100644
index 0000000000..bb98c0c8e5
--- /dev/null
+++ b/src/app/(main)/resources/assets/archive.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="160"
+  height="160"
+  fill="currentColor"
+  viewBox="0 0 160 160"
+>
+  <path
+    d="M144.8 30.5V0H68.6v7.6H38.1v7.65H15.25V68.6h-7.6v15.2H0V160h160V30.5zM38.1 152.4H7.65v-45.75H38.1zm0-53.35H22.9v-76.2h15.2zm7.65-83.8H68.6v7.6H53.35v76.2h-7.6zM68.6 30.5v68.55H61V30.5zm7.6 121.9H45.75v-45.75H76.2zm76.2 0H83.85V99.05H76.2V7.6h60.95v22.9H114.3v7.6h38.1z"
+  />
+  <path
+    d="M114.3 38.1h-7.6v15.25h7.6zM106.7 53.35h-7.65V68.6h7.65zM99.05 68.6h-7.6v15.2h7.6zM99.05 15.25h-7.6v7.6h7.6zM91.45 83.8h-7.6v15.25h7.6zM68.6 121.9H53.35v15.25H68.6zM30.5 121.9H15.25v15.25H30.5z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/backend.svg b/src/app/(main)/resources/assets/backend.svg
new file mode 100644
index 0000000000..2477c25f58
--- /dev/null
+++ b/src/app/(main)/resources/assets/backend.svg
@@ -0,0 +1,21 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  viewBox="0 0 46 46"
+>
+  <path
+    d="M45.705 11.43h-2.28v2.28h2.28zM43.425 13.71H38.85v2.295h4.575zM43.425 9.15H38.85v2.28h4.575zM34.275 34.29v2.28h-4.56v2.295H25.14v2.28h-4.575v-2.28H15.99V36.57h-4.56v-2.28H6.855v-2.295H0v2.295h2.28v2.28h4.575v2.295h4.575v2.28h4.56v2.28h4.575v2.295h4.575v-2.295h4.575v-2.28h4.56v-2.28h4.575V36.57h4.575v-2.28h2.28v-2.295H38.85v2.295z"
+  />
+  <path
+    d="M34.275 27.435v2.28h-4.56v2.28H25.14v2.295h-4.575v-2.295H15.99v-2.28h-4.56v-2.28H6.855V25.14H0v2.295h2.28v2.28h4.575v2.28h4.575v2.295h4.56v2.28h4.575v2.295h4.575V36.57h4.575v-2.28h4.56v-2.295h4.575v-2.28h4.575v-2.28h2.28V25.14H38.85v2.295z"
+  />
+  <path
+    d="M34.275 20.58v2.28h-4.56v2.28H25.14v2.295h-4.575V25.14H15.99v-2.28h-4.56v-2.28H6.855v-2.295H0v2.295h2.28v2.28h4.575v2.28h4.575v2.295h4.56v2.28h4.575v2.28h4.575v-2.28h4.575v-2.28h4.56V25.14h4.575v-2.28h4.575v-2.28h2.28v-2.295H38.85v2.295z"
+  />
+  <path
+    d="M38.85 16.005h-4.575v2.28h4.575zM38.85 6.855h-4.575V9.15h4.575zM34.275 18.285h-4.56v2.295h4.56zM34.275 4.575h-4.56v2.28h4.56zM29.715 20.58H25.14v2.28h4.575zM29.715 2.295H25.14v2.28h4.575zM25.14 22.86h-4.575v2.28h4.575zM25.14 0h-4.575v2.295h4.575zM20.565 20.58H15.99v2.28h4.575zM20.565 2.295H15.99v2.28h4.575zM15.99 18.285h-4.56v2.295h4.56zM15.99 4.575h-4.56v2.28h4.56zM11.43 16.005H6.855v2.28h4.575zM11.43 6.855H6.855V9.15h4.575zM6.855 13.71H2.28v2.295h4.575z"
+  />
+  <path d="M6.855 9.15H2.28v2.28h4.575zM2.28 11.43H0v2.28h2.28z" />
+</svg>
diff --git a/src/app/(main)/resources/assets/bookmark.svg b/src/app/(main)/resources/assets/bookmark.svg
new file mode 100644
index 0000000000..422dc51a2a
--- /dev/null
+++ b/src/app/(main)/resources/assets/bookmark.svg
@@ -0,0 +1,15 @@
+<svg fill="currentColor" aria-hidden="true" viewBox="0 0 24 24">
+  <path
+    d="M2.858 1.14h18.285v1.148h-1.14v1.14h1.14v2.287h1.147V22.86h1.14V4.575h-1.14V1.14h1.14V0H2.858z"
+  />
+  <path
+    d="M5.145 22.86V5.715H12v-1.14H2.858v1.14h1.147V22.86H2.858V24H22.29v-1.14z"
+  />
+  <path
+    d="M18.863 8.003h-1.148V4.575h-1.14V3.428h1.14v-1.14H12v1.14h1.148v1.147h1.14v11.423h1.14v-1.14h1.147v-1.14h1.14v1.14h1.148v1.14h1.14V4.575h-1.14z"
+  />
+  <path
+    d="M18.863 3.428h-1.148v1.147h1.148zM10.86 2.288H4.005v1.14h6.855zM2.858 21.712h-1.14v1.148h1.14zM2.858 1.14h-1.14v1.148h1.14z"
+  />
+  <path d="M1.718 4.575h1.14V3.428h-1.14v-1.14H.57v19.425h1.148z" />
+</svg>
diff --git a/src/app/(main)/resources/assets/federation.svg b/src/app/(main)/resources/assets/federation.svg
new file mode 100644
index 0000000000..e16b30d1a2
--- /dev/null
+++ b/src/app/(main)/resources/assets/federation.svg
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  viewBox="0 0 48 48"
+>
+  <path
+    d="M48 34.29h-2.295v9.135H48zM45.705 43.425h-2.28v2.295h2.28zM45.705 31.995h-2.28v2.295h2.28zM43.425 45.72h-9.15V48h9.15zM43.425 31.995v-2.28H36.57v-2.28h-2.295v4.56zM34.275 43.425h-2.28v2.295h2.28zM34.275 31.995h-2.28v2.295h2.28zM34.275 22.86h-2.28v4.575h2.28zM31.995 34.29H29.7v4.56H18.285v-4.56H15.99v9.135h2.295v-2.28H29.7v2.28h2.295zM31.995 18.285H29.7v4.575h2.295zM31.995 4.575H29.7v9.135h2.295zM29.7 2.28h-2.28v2.295h2.28zM27.42 0h-9.135v2.28h9.135zM29.7 18.285V13.71h-2.28v2.295h-9.135V13.71H15.99v4.575zM18.285 2.28H15.99v2.295h2.295zM15.99 43.425h-2.28v2.295h2.28zM15.99 31.995h-2.28v2.295h2.28zM15.99 18.285h-2.28v4.575h2.28zM15.99 4.575h-2.28v9.135h2.28zM13.71 22.86h-2.295v4.575h2.295zM13.71 45.72H4.56V48h9.15zM13.71 31.995v-2.28h-2.295v-2.28h-2.28v2.28H4.56v2.28zM4.56 43.425H2.28v2.295h2.28zM4.56 31.995H2.28v2.295h2.28zM2.28 34.29H0v9.135h2.28z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/frontend.svg b/src/app/(main)/resources/assets/frontend.svg
new file mode 100644
index 0000000000..135bf7899a
--- /dev/null
+++ b/src/app/(main)/resources/assets/frontend.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  viewBox="0 0 46 48"
+>
+  <path
+    d="M45.72 2.295h-2.295v27.42h2.295zM2.28 45.72v-2.28H0V48h45.72v-4.56h-2.295v2.28z"
+  />
+  <path
+    d="M43.425 41.145h-2.28v2.295h2.28zM41.145 38.865h-2.28v2.28h2.28zM9.15 34.29v2.28h27.42v-2.28h-6.855v-2.28h13.71v-2.295H2.28v2.295h13.725v2.28zm9.135-2.28h9.15v2.28h-9.15zM38.865 36.57H36.57v2.295h2.295zM41.145 4.575H4.575v22.86h36.57zm-2.28 20.565H6.855V6.855h32.01zM36.57 41.145h-2.28v2.295h2.28zM34.29 38.865h-2.295v2.28h2.295zM29.715 41.145h-2.28v2.295h2.28zM27.435 38.865H25.14v2.28h2.295zM22.86 41.145h-2.295v2.295h2.295zM20.565 38.865h-2.28v2.28h2.28zM18.285 41.145h-2.28v2.295h2.28zM13.71 38.865h-2.28v2.28h2.28zM11.43 41.145H9.15v2.295h2.28zM9.15 36.57H6.855v2.295H9.15zM6.855 38.865h-2.28v2.28h2.28zM43.425 0H2.28v2.295h41.145zM4.575 41.145H2.28v2.295h2.295zM2.28 2.295H0v27.42h2.28z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/monitoring.svg b/src/app/(main)/resources/assets/monitoring.svg
new file mode 100644
index 0000000000..aa9ce67345
--- /dev/null
+++ b/src/app/(main)/resources/assets/monitoring.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  viewBox="0 0 48 46"
+>
+  <path
+    d="M48 4.575h-2.295v34.29H48zM45.705 38.865h-2.28v2.28h2.28zM45.705 2.295h-2.28v2.28h2.28zM4.575 41.145v2.295h4.56v2.28h2.295v-2.28h25.14v2.28h2.28v-2.28h4.575v-2.295zM41.145 6.87H6.855v29.715h34.29V32.01h2.28v-6.855h-2.28V18.3h2.28v-6.87h-2.28zm-2.295 4.56h-2.28v6.87h2.28v6.855h-2.28v6.855h2.28v2.28H9.135V9.15H38.85z"
+  />
+  <path
+    d="M34.29 16.005h-2.295v11.43h2.295zM31.995 27.435h-2.28v2.28h2.28zM31.995 13.725h-2.28v2.28h2.28zM29.715 18.3H27.42v6.855h2.295zM29.715 29.715h-11.43v2.295h11.43zM27.42 25.155h-6.855v2.28h6.855zM27.42 16.005h-6.855V18.3h6.855zM29.715 11.43h-11.43v2.295h11.43zM20.565 18.3h-2.28v6.855h2.28zM18.285 27.435H15.99v2.28h2.295zM18.285 13.725H15.99v2.28h2.295zM15.99 16.005h-2.28v11.43h2.28zM43.425 0H4.575v2.295h38.85zM4.575 38.865H2.28v2.28h2.295zM4.575 2.295H2.28v2.28h2.295zM2.28 4.575H0v34.29h2.28z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/newspaper.svg b/src/app/(main)/resources/assets/newspaper.svg
new file mode 100644
index 0000000000..0bc736695f
--- /dev/null
+++ b/src/app/(main)/resources/assets/newspaper.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  fill="currentColor"
+  viewBox="0 0 24 24"
+>
+  <path
+    d="M24.002 6.858h-1.148v14.858h1.148zM22.854 21.716h-1.14v1.14h1.14zM21.714 9.146h-1.14v11.423h1.14z"
+  />
+  <path
+    d="M20.574 21.716h-1.147v1.14H2.289v1.14h19.425v-1.14h-1.14zM18.286 21.716h1.14V6.86h3.428V5.71h-3.428V2.284h-1.14zM17.146 20.568H4.57v1.148h12.577zM17.146 11.426h-3.435v3.428h3.435zM12.572 11.426H9.144v1.148h3.428zM12.572 13.713H9.144v1.14h3.428zM17.147 18.289H2.289v1.14h14.858zM17.147 16.001H2.289v1.14h14.858zM8.004 13.713H2.29v1.14h5.715zM8.004 11.426H2.29v1.148h5.715zM17.147 10.286V4.575H2.289v5.715zM3.429 5.711h4.575v1.147H6.857v1.14h-1.14V9.15H3.429zM18.286 1.144H1.141v1.14h17.145z"
+  />
+  <path d="M2.289 21.716H1.14v1.14H2.29zM1.141 2.284H.001v19.432h1.14z" />
+</svg>
diff --git a/src/app/(main)/resources/assets/security.svg b/src/app/(main)/resources/assets/security.svg
new file mode 100644
index 0000000000..c999cc8256
--- /dev/null
+++ b/src/app/(main)/resources/assets/security.svg
@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+  overflow="visible"
+  preserveAspectRatio="none"
+  viewBox="0 0 39 48"
+>
+  <path
+    d="M36.57 20.565h-2.28V13.71h-2.295v18.285h2.295V22.86h2.28v2.28h2.295v-6.855H36.57zM29.715 43.425V48h2.28v-2.28h4.575V48h2.295v-6.855H36.57v2.28zM36.57 2.28h-2.28v2.295h2.28zM34.29 4.575h-2.295v2.28h2.295zM34.29 0h-2.295v2.28h2.295zM31.995 31.995h-2.28v2.295h2.28zM31.995 11.43h-2.28v2.28h2.28zM27.435 20.565H25.14v-2.28h-2.28v4.575h2.28v2.28h2.295v-2.28h2.28v-4.575h-2.28zM29.715 2.28h-2.28v2.295h2.28z"
+  />
+  <path
+    d="M9.15 34.29v2.28h2.28v2.28H2.28v2.295h34.29V38.85h-9.135v-2.28h2.28v-2.28zm15.99 4.56H13.71v-2.28h11.43zM27.435 4.575H25.14v2.28h2.295zM27.435 0H25.14v2.28h2.295zM11.43 43.425V48h2.28v-2.28h11.43V48h2.295v-4.575zM22.86 2.28h-2.295v2.295h2.295zM20.565 27.42h-2.28v2.295h-2.28v2.28h6.855v-2.28h-2.295zM20.565 0h-2.28v2.28h2.28zM18.285 2.28h-2.28v2.295h2.28zM16.005 18.285H13.71v2.28h-2.28v-2.28H9.15v4.575h2.28v2.28h2.28v-2.28h2.295z"
+  />
+  <path
+    d="M11.43 13.71h2.28v2.295h11.43V13.71h2.295v-2.28h2.28V9.135h-9.15v-4.56h-2.28v4.56H9.15v2.295h2.28zM13.71 4.575h-2.28v2.28h2.28zM13.71 0h-2.28v2.28h2.28z"
+  />
+  <path
+    d="M11.43 2.28H9.15v2.295h2.28zM9.15 31.995H6.855v2.295H9.15zM9.15 11.43H6.855v2.28H9.15zM6.855 13.71h-2.28v6.855H2.28v-2.28H0v6.855h2.28v-2.28h2.295v9.135h2.28zM6.855 4.575h-2.28v2.28h2.28zM6.855 0h-2.28v2.28h2.28zM4.575 2.28H2.28v2.295h2.295zM0 48h2.28v-2.28h4.575V48H9.15v-4.575H2.28v-2.28H0z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/tools.svg b/src/app/(main)/resources/assets/tools.svg
new file mode 100644
index 0000000000..e22e782c3d
--- /dev/null
+++ b/src/app/(main)/resources/assets/tools.svg
@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="160"
+  height="160"
+  viewBox="0 0 160 160"
+  fill="currentColor"
+>
+  <path
+    d="M152.4 129.5h-7.65v7.65H160v-30.5h-7.6zM144.75 22.85v7.6h7.65v22.9h7.6v-30.5zM152.4 99.05h-7.65v7.6h7.65zM152.4 53.35h-7.65v7.6h7.65zM144.75 121.9h-7.6v7.6h7.6zM144.75 30.45h-7.6v7.65h7.6z"
+  />
+  <path
+    d="M114.3 114.3v22.85h7.6v7.6h7.65v7.65H106.7v7.6h38.05v-15.25h-7.6v-7.6h-7.6V121.9h7.6v-7.6zM144.75 60.95H114.3v7.6h30.45zM129.55 15.25h-7.65v7.6h7.65zM114.3 45.7h22.85v-7.6H121.9V22.85h-7.6zM129.55 7.6v7.65h7.6V0H106.7v7.6zM106.7 144.75h-7.65v7.65h7.65zM106.7 99.05h-7.65v7.6h7.65z"
+  />
+  <path
+    d="M99.05 60.95h-7.6V45.7H76.2V15.25h-7.6V7.6h-7.65V0h-38.1v15.25h7.65V7.6h22.85v7.65h7.6V45.7h7.65v7.65h7.6v7.6h7.6v7.6h7.65v7.65h7.6v7.6h7.65v7.6h7.6v7.65h30.45V91.4H121.9v-7.6h-7.6V68.55H99.05zM106.7 7.6h-7.65v7.65h7.65zM99.05 114.3h-7.6v30.45h7.6zM99.05 91.4h-7.6v7.65h7.6z"
+  />
+  <path
+    d="M99.05 15.25h-7.6V45.7h7.6zM91.45 106.65H83.8v7.65h7.65zM91.45 83.8H83.8v7.6h7.65zM83.8 99.05h-7.6v7.6h7.6zM83.8 76.2h-7.6v7.6h7.6zM76.2 106.65h-7.6v7.65h7.6zM76.2 91.4h-7.6v7.65h7.6zM76.2 68.55h-7.6v7.65h7.6zM68.6 114.3h-7.65v30.45h7.65zM68.6 83.8h-7.65v7.6h7.65zM68.6 60.95h-7.65v7.6h7.65zM60.95 144.75h-7.6v7.65h7.6zM60.95 76.2h-7.6v7.6h7.6zM60.95 53.35h-7.6v7.6h7.6zM53.35 83.8h-7.6v7.6h7.6zM53.35 68.55h-7.6v7.65h7.6zM30.5 152.4v-7.65h-7.65V160h30.5v-7.6zM45.75 114.3h-22.9v7.6H38.1v15.25h7.65zM45.75 60.95h-30.5v7.6h30.5zM38.1 137.15h-7.6v7.6h7.6zM38.1 15.25h-7.6v7.6h7.6zM45.75 91.4h-30.5v7.65h30.5zM45.75 45.7V22.85H38.1V38.1H22.85v7.6zM22.85 121.9h-7.6v7.6h7.6zM22.85 30.45h-7.6v7.65h7.6zM15.25 99.05h-7.6v7.6h7.6zM15.25 53.35h-7.6v7.6h7.6zM7.65 106.65H0v30.5h15.25v-7.65h-7.6zM7.65 30.45h7.6v-7.6H0v30.5h7.65z"
+  />
+</svg>
diff --git a/src/app/(main)/resources/assets/video-player.svg b/src/app/(main)/resources/assets/video-player.svg
new file mode 100644
index 0000000000..6a01b6f929
--- /dev/null
+++ b/src/app/(main)/resources/assets/video-player.svg
@@ -0,0 +1,6 @@
+<svg fill="currentColor" aria-hidden="true" viewBox="0 0 144 144">
+  <path
+    d="M139.081 30.825h-6.885v82.305h6.885zM132.196 113.13h-6.84v6.84h6.84zM132.196 23.985h-6.84v6.84h6.84zM125.361 119.97H15.651v6.885h109.71zM91.07 58.275h-6.84v-6.84h-6.889V44.55h-6.84v-6.84H49.936v68.58h20.565v-6.885h6.84v-6.84h6.89V85.68h6.84v-6.84h6.835V65.115h-6.835zM125.361 17.145H15.651v6.84h109.71zM15.647 113.13H8.76v6.84h6.886zM15.647 23.985H8.76v6.84h6.886z"
+  />
+  <path d="M8.761 30.825h-6.84v82.305h6.84z" />
+</svg>
diff --git a/src/app/(main)/resources/assets/write-note.svg b/src/app/(main)/resources/assets/write-note.svg
new file mode 100644
index 0000000000..6c75219572
--- /dev/null
+++ b/src/app/(main)/resources/assets/write-note.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  fill="currentColor"
+  viewBox="0 0 24 24"
+>
+  <path d="M23.996 20.571h-1.14v1.14h1.14zM23.996 1.14h-1.14v16.004h1.14z" />
+  <path
+    d="M22.856 21.711h-1.14v1.148h1.14zM22.856 19.432h-1.14v1.14h1.14zM22.856-.001H1.144v1.14h21.712zM21.716 22.859H20.57v1.14h1.147zM21.716 18.284H20.57v1.148h1.147zM21.716 14.856H20.57v1.14h1.147zM21.716 11.43h-4.575v1.14h4.575zM20.569 21.711h-1.14v1.148h1.14zM20.569 17.144h-1.14v1.14h1.14zM19.429 20.571h-1.14v1.14h1.14zM19.429 15.997h-1.14v1.147h1.14zM18.289 19.432H17.14v1.14h1.148zM18.289 14.856H17.14v1.14h1.148zM17.141 18.284h-1.14v1.148h1.14zM17.141 13.716h-1.14v1.14h1.14zM16.001 17.144h-1.147v1.14H16zM16.001 12.569h-1.147v1.147H16zM14.854 15.997h-1.14v1.147h1.14zM13.714 14.856h-1.14v1.14h1.14zM21.716 3.427h-10.29v1.147h10.29z"
+  />
+  <path
+    d="M14.854 12.57v-1.14h-3.428v3.427h1.148v-2.288zM21.716 6.854h-10.29v1.148h10.29zM10.286 2.287H2.284v8.002h8.002zM9.15 5.714H8.003v-1.14H6.859v3.428h1.14v1.14H4.575v-1.14h1.14V4.575h-1.14v1.14H3.431V3.427h5.72zM9.146 11.43H2.284v1.14h6.862zM7.167 18.284h5.407v-1.14H4.5v1.14zM9.146 14.856H2.284v1.14h6.862z"
+  />
+  <path d="M4.571 17.144H1.144v1.14H4.57zM1.144 1.14H-.004v16.004h1.148z" />
+</svg>
diff --git a/src/app/(main)/resources/blog-category-links.tsx b/src/app/(main)/resources/blog-category-links.tsx
new file mode 100644
index 0000000000..4ce389ef9c
--- /dev/null
+++ b/src/app/(main)/resources/blog-category-links.tsx
@@ -0,0 +1,46 @@
+"use client"
+
+import Link from "next/link"
+import { Collapsible } from "@base-ui-components/react/collapsible"
+
+import CaretDownIcon from "@/app/conf/_design-system/pixelarticons/caret-down.svg?svgr"
+import { BlogTags } from "@/components/blog-page/blog-tags"
+import { blogTagColors } from "@/components/blog-page/blog-tag-colors"
+
+const categories = Object.keys(blogTagColors)
+
+/**
+ * Shows tags on desktop and a collapsible on mobile.
+ */
+export function BlogCategoryLinks() {
+  return (
+    <>
+      <Collapsible.Root className="mt-8 sm:hidden">
+        <Collapsible.Trigger className="gql-focus-visible flex h-12 w-full items-center justify-between border-y border-neu-400 p-4 text-neu-800 dark:border-neu-100">
+          <span className="font-mono text-sm uppercase">categories</span>
+          <CaretDownIcon className="size-6 [[data-panel-open]_&]:rotate-180" />
+        </Collapsible.Trigger>
+        <Collapsible.Panel className="absolute z-10 w-full border-b border-neu-200 bg-neu-50 backdrop-blur-xl dark:border-neu-100 dark:bg-[hsl(77_15%_10%/.5)]">
+          {categories.map(category => (
+            <Link
+              key={category}
+              href={`/blog?tag=${encodeURIComponent(category)}`}
+              className="flex h-12 w-full items-center border-b border-neu-200 p-4 font-mono text-sm uppercase text-neu-800 last:border-b-0 dark:border-neu-50"
+            >
+              {category.replace(/-/g, " ")}
+            </Link>
+          ))}
+        </Collapsible.Panel>
+      </Collapsible.Root>
+
+      <div className="mt-8 max-sm:hidden">
+        <span className="font-mono text-sm uppercase text-neu-700">
+          categories
+        </span>
+        <div className="nextra-scrollbar overflow-auto pb-4">
+          <BlogTags tags={categories} opaque links className="mt-4" />
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/src/app/(main)/resources/blog-post-list-item.tsx b/src/app/(main)/resources/blog-post-list-item.tsx
new file mode 100644
index 0000000000..9dcf236926
--- /dev/null
+++ b/src/app/(main)/resources/blog-post-list-item.tsx
@@ -0,0 +1,53 @@
+import Link from "next/link"
+
+import ArrowRightIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+import { BlogTags } from "@/components/blog-page/blog-tags"
+
+export interface BlogPostRowProps {
+  date: string
+  category: string
+  title: string
+  href: string
+  author: string
+}
+
+export function BlogPostListItem({
+  date,
+  category,
+  title,
+  href,
+  author,
+}: BlogPostRowProps) {
+  const formattedDate = new Date(date)
+    .toLocaleDateString("en-GB", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+    })
+    .replaceAll("/", "-")
+
+  return (
+    <Link
+      href={href}
+      className="group typography-menu col-span-full flex flex-col gap-2 p-4 hover:bg-neu-50 dark:hover:bg-neu-50/50 max-md:*:![grid-row:1] md:grid md:grid-cols-subgrid md:grid-rows-1 md:items-center md:gap-4 md:gap-x-6 md:gap-y-0 md:p-0 md:py-6 md:hover:-mx-2 md:hover:px-2"
+    >
+      <div className="order-1 md:order-none md:[grid-column:2]">
+        <BlogTags tags={[category]} opaque />
+      </div>
+      <p className="typography-menu order-2 leading-[1.2] max-md:text-lg md:order-none md:truncate md:[grid-column:3]">
+        {title}
+      </p>
+      <div className="order-3 flex items-center justify-between overflow-hidden font-mono text-sm uppercase md:contents">
+        <div className="flex gap-4 max-md:max-w-[80%] md:contents">
+          <time className="shrink-0 whitespace-pre text-neu-700 [grid-row:1] md:pr-6 md:[grid-column:1]">
+            {formattedDate}
+          </time>
+          <span className="overflow-hidden truncate whitespace-nowrap text-neu-800 md:text-neu-700 md:[grid-column:4]">
+            {author}
+          </span>
+        </div>
+        <ArrowRightIcon className="size-8 shrink-0 -rotate-90 text-neu-800 md:text-neu-400 md:[grid-column:5] md:group-hover:text-neu-800" />
+      </div>
+    </Link>
+  )
+}
diff --git a/src/app/(main)/resources/blog-section.tsx b/src/app/(main)/resources/blog-section.tsx
new file mode 100644
index 0000000000..91a6546f9a
--- /dev/null
+++ b/src/app/(main)/resources/blog-section.tsx
@@ -0,0 +1,103 @@
+import fs from "node:fs/promises"
+import path from "node:path"
+import Link from "next/link"
+import grayMatter from "gray-matter"
+
+import { Button } from "@/app/conf/_design-system/button"
+import PlayIcon from "@/app/conf/_design-system/pixelarticons/play.svg?svgr"
+
+import { blogTagColors } from "@/components/blog-page/blog-tag-colors"
+import { BlogCategoryLinks } from "./blog-category-links"
+import { BlogPostListItem } from "./blog-post-list-item"
+
+interface BlogFrontMatter {
+  title: string
+  tags?: string[]
+  byline: string
+  date: string | number | Date
+}
+
+type BlogFrontMatterWithFile = BlogFrontMatter & {
+  fileName: string
+  date: Date
+}
+
+let cachedBlogFrontMatters: BlogFrontMatterWithFile[] | null = null
+
+async function getBlogFrontMatters() {
+  if (cachedBlogFrontMatters) return cachedBlogFrontMatters
+
+  const files = await fs.readdir("./src/pages/blog")
+
+  const blogs = await Promise.all(
+    files
+      .filter(filename => /\.mdx?$/.test(filename))
+      .map(async (filename: string) => {
+        const filePath = path.join("./src/pages/blog", filename)
+        const content = await fs.readFile(filePath, "utf8")
+        const { data } = grayMatter(content)
+        const frontMatter = data as BlogFrontMatter
+
+        return {
+          ...frontMatter,
+          fileName: path.parse(filePath).name,
+          date: new Date(frontMatter.date),
+        }
+      }),
+  )
+
+  cachedBlogFrontMatters = blogs
+    .filter((blog): blog is BlogFrontMatterWithFile =>
+      Boolean(blog.fileName && blog.title && blog.date),
+    )
+    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+
+  return cachedBlogFrontMatters
+}
+
+export async function BlogSection() {
+  const blogs = await getBlogFrontMatters()
+  const blogPosts = Object.keys(blogTagColors)
+    .flatMap(tag => blogs.filter(blog => blog.tags?.includes(tag)).slice(0, 5))
+    .reduce<BlogFrontMatterWithFile[]>((unique, blog) => {
+      if (!unique.some(item => item.fileName === blog.fileName)) {
+        unique.push(blog)
+      }
+      return unique
+    }, [])
+    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+    .slice(0, 5)
+
+  return (
+    <section className="gql-section max-sm:px-0 xl:pb-24" id="blog">
+      <header className="flex flex-col gap-6 max-sm:px-4">
+        <div className="flex items-center gap-1">
+          <PlayIcon className="size-4 text-pri-base" />
+          <span className="font-mono text-sm uppercase text-pri-base">
+            Blog
+          </span>
+        </div>
+        <h2 className="typography-h2">The GraphQL Blog</h2>
+      </header>
+
+      <BlogCategoryLinks />
+
+      <ul className="flex grid-flow-row grid-cols-[auto_1fr] grid-rows-5 flex-col *:border-b dark:*:border-neu-100 sm:mt-4 md:grid md:grid-cols-[auto_1fr_auto_auto_auto]">
+        {blogPosts.map(post => (
+          <BlogPostListItem
+            key={post.fileName}
+            date={new Date(post.date).toISOString().slice(0, 10)}
+            category={post.tags?.[0] ?? "blog"}
+            title={post.title}
+            href={`/blog/${post.fileName}`}
+            author={post.byline}
+          />
+        ))}
+      </ul>
+
+      <div className="mt-8 flex justify-center lg:mt-16">
+        <Button href="/blog">Read all posts</Button>
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/categories-section.tsx b/src/app/(main)/resources/categories-section.tsx
new file mode 100644
index 0000000000..29ff4b4350
--- /dev/null
+++ b/src/app/(main)/resources/categories-section.tsx
@@ -0,0 +1,120 @@
+import Link from "next/link"
+
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+
+import { Eyebrow } from "@/_design-system/eyebrow"
+import { type Topic } from "@/resources/types"
+
+import FrontendIcon from "./assets/frontend.svg?svgr"
+import BackendIcon from "./assets/backend.svg?svgr"
+import FederationIcon from "./assets/federation.svg?svgr"
+import SecurityIcon from "./assets/security.svg?svgr"
+import AIIcon from "./assets/ai.svg?svgr"
+import MonitoringIcon from "./assets/monitoring.svg?svgr"
+
+interface Category {
+  id: Topic
+  name: string
+  description: string
+  icon: React.ReactNode
+}
+
+const categories: Category[] = [
+  {
+    id: "frontend",
+    name: "Frontend",
+    description:
+      "Build better queries and optimize UI performance with the right client tools.",
+    icon: (
+      <FrontendIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+  {
+    id: "backend",
+    name: "Backend",
+    description:
+      "From resolvers to execution — everything you need to run a GraphQL server in production.",
+    icon: (
+      <BackendIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+  {
+    id: "federation",
+    name: "Federation",
+    description:
+      "Design and manage distributed graphs that scale across teams and services.",
+    icon: (
+      <FederationIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+  {
+    id: "security",
+    name: "Security",
+    description:
+      "Secure your GraphQL API with query limits and schema protection.",
+    icon: (
+      <SecurityIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+  {
+    id: "ai",
+    name: "AI",
+    description:
+      "Use GraphQL to power AI systems — patterns, tools and implementations.",
+    icon: (
+      <AIIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+  {
+    id: "monitoring",
+    name: "Monitoring",
+    description:
+      "Track performance, usage and schema changes to keep your graph healthy.",
+    icon: (
+      <MonitoringIcon className="size-8 text-pri-base dark:text-pri-light lg:size-12" />
+    ),
+  },
+]
+
+export function CategoriesSection() {
+  return (
+    <section className="gql-section" id="categories">
+      <header className="mb-12 flex flex-col gap-6">
+        <Eyebrow>Explore GraphQL by topic</Eyebrow>
+        <div className="max-w-[700px]">
+          <h2 className="typography-h2">Choose a resource category</h2>
+          <p className="typography-body-md mt-6">
+            Dive into the topics most relevant to your work with GraphQL. Find
+            selected tools, videos and other resources.
+          </p>
+        </div>
+      </header>
+
+      <div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        {categories.map(category => (
+          <CategoryCard key={category.id} category={category} />
+        ))}
+      </div>
+    </section>
+  )
+}
+
+function CategoryCard({ category }: { category: Category }) {
+  return (
+    <Link
+      href={`/resources/${category.id}`}
+      className="group flex flex-col justify-between gap-4 border border-neu-200 bg-neu-0 p-6 transition-colors hover:bg-neu-50 hover:duration-0 dark:border-neu-100 lg:h-[202px] lg:gap-6"
+    >
+      <div className="flex items-start justify-between">
+        {category.icon}
+        <ArrowDownIcon className="size-6 -rotate-90 text-neu-900 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-hover:duration-0 group-focus-visible:opacity-100 max-lg:opacity-80" />
+      </div>
+      <div>
+        <h3 className="typography-h3 lg:group-hover:hidden">{category.name}</h3>
+        <p className="typography-body-md group-hover:block max-lg:mt-4 lg:hidden">
+          {category.description}
+        </p>
+      </div>
+    </Link>
+  )
+}
diff --git a/src/app/(main)/resources/keep-learning.tsx b/src/app/(main)/resources/keep-learning.tsx
new file mode 100644
index 0000000000..956c04edc2
--- /dev/null
+++ b/src/app/(main)/resources/keep-learning.tsx
@@ -0,0 +1,44 @@
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+import blurCorner from "./[category]/blur-corner.webp"
+import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
+import { Anchor } from "@/app/conf/_design-system/anchor"
+
+// "bg-[linear-gradient(90deg,hsl(var(--color-sec-lighter))_0_12px,hsl(var(--color-sec-light))_12px_24px)] dark:bg-[linear-gradient(90deg,hsl(var(--color-sec-dark)/0.22)_0_12px,hsl(var(--color-sec-base)/0.22)_12px_24px)]"
+
+export function KeepLearning({
+  title,
+  href,
+  stripes,
+}: {
+  title: string
+  href: string
+  stripes: string
+}) {
+  return (
+    <section className="gql-container gql-section flex">
+      <h2 className="max-md:hidden">Keep Learning</h2>
+      <Anchor href={href} className="relative">
+        <span className="typography-menu flex gap-1 text-pri-base dark:text-pri-dark">
+          Next
+          <ArrowDownIcon className="size-4 -rotate-90" />
+        </span>
+        <p>{title}</p>
+        <Stripes stripes={stripes} />
+      </Anchor>
+    </section>
+  )
+}
+
+function Stripes({ stripes }: { stripes: string }) {
+  return (
+    <div
+      className="pointer-events-none absolute inset-0"
+      style={{
+        maskImage: `url(${blurCorner.src})`,
+        WebkitMaskImage: `url(${blurCorner.src})`,
+      }}
+    >
+      <StripesDecoration evenClassName={stripes} angle="-90deg" />
+    </div>
+  )
+}
diff --git a/src/app/(main)/resources/page.tsx b/src/app/(main)/resources/page.tsx
new file mode 100644
index 0000000000..8cb5aa3652
--- /dev/null
+++ b/src/app/(main)/resources/page.tsx
@@ -0,0 +1,47 @@
+import { NavbarFixed } from "@/components/navbar/navbar-fixed"
+import { LookingForMore } from "@/components/looking-for-more"
+
+import { ResourcesHero } from "./resources-hero"
+import { CategoriesSection } from "./categories-section"
+import { ToolsLibrariesSection } from "./tools-libraries-section"
+import { SpecificationSection } from "./specification-section"
+import { BlogSection } from "./blog-section"
+import { VideoResourcesSection } from "./video-resources-section"
+import { ReadingResourcesSection } from "./reading-resources-section"
+
+export const metadata = {
+  title: "Resource Hub",
+  description:
+    "Explore curated GraphQL resources by topic. Find tools, videos, blog posts, and more to help you build with GraphQL.",
+}
+
+export default function ResourcesPage() {
+  return (
+    <main className="gql-all-anchors-focusable">
+      <NavbarFixed />
+      <ResourcesHero
+        heading="Resource Hub"
+        text="Choose a hub to explore curated resources by topic or browse all Tools, the GraphQL Specification, Blog, Video and Reading Libraries."
+      />
+      <div className="gql-container">
+        <CategoriesSection />
+        <ToolsLibrariesSection />
+        <SpecificationSection />
+        <BlogSection />
+      </div>
+      <div className="bg-neu-50 dark:bg-neu-50/25 lg:py-16 xl:py-24">
+        <VideoResourcesSection />
+        <hr className="gql-section mx-auto my-8 max-w-[90rem] border-neu-200 !py-0 dark:border-neu-100 xl:my-16" />
+        <ReadingResourcesSection />
+      </div>
+      <LookingForMore
+        className="xl:py-24"
+        description="Discover even more ways to learn and connect with the GraphQL community."
+        links={[
+          { href: "/community", label: "Community" },
+          { href: "/learn", label: "Learn" },
+        ]}
+      />
+    </main>
+  )
+}
diff --git a/src/app/(main)/resources/reading-resources-section.tsx b/src/app/(main)/resources/reading-resources-section.tsx
new file mode 100644
index 0000000000..daf6d6227c
--- /dev/null
+++ b/src/app/(main)/resources/reading-resources-section.tsx
@@ -0,0 +1,71 @@
+import Link from "next/link"
+
+import { Button } from "@/app/conf/_design-system/button"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+
+import NewspaperIcon from "./assets/newspaper.svg?svgr"
+import WriteIcon from "./assets/write-note.svg?svgr"
+import BookIcon from "./assets/bookmark.svg?svgr"
+
+export function ReadingResourcesSection() {
+  return (
+    <section className="gql-container gql-section" id="reading-resources">
+      <div className="flex flex-col gap-8 md:flex-row md:items-start md:justify-between md:gap-12">
+        <div className="max-w-[794px]">
+          <Eyebrow>reading resources library</Eyebrow>
+
+          <h2 className="typography-h2 mt-6 text-balance">
+            Dive into GraphQL content
+          </h2>
+          <p className="typography-body-lg mt-6 md:mt-10">
+            Browse reading materials to learn best practices and stay up to date
+            with the ecosystem.
+          </p>
+          <Button href="/community/resources" className="mt-10 sm:w-fit">
+            Explore reading resources
+          </Button>
+        </div>
+
+        <div className="flex flex-col gap-2 md:w-[358px] lg:gap-6">
+          <ReadingLink
+            href="/resources/reading/blogs-and-newsletters"
+            icon={<NewspaperIcon className="text-pri-base" />}
+            label="Blogs and newsletters"
+          />
+          <ReadingLink
+            href="/resources/reading/individual-posts"
+            icon={<WriteIcon className="text-[#FF8800]" />}
+            label="Individual posts"
+          />
+          <ReadingLink
+            href="/resources/reading/books"
+            icon={<BookIcon className="text-[#00C6AC]" />}
+            label="Books"
+          />
+        </div>
+      </div>
+    </section>
+  )
+}
+
+function ReadingLink({
+  href,
+  icon,
+  label,
+}: {
+  href: string
+  icon: React.ReactNode
+  label: string
+}) {
+  return (
+    <Link
+      href={href}
+      className="group typography-body-md flex items-center justify-between gap-6 border border-neu-200 bg-neu-0 p-6 hover:ring hover:ring-neu-100 dark:border-neu-100 dark:bg-neu-0/50 dark:hover:ring-neu-50 [&>svg]:size-6"
+    >
+      {icon}
+      {label}
+      <ArrowDownIcon className="ml-auto size-8 -rotate-90 text-neu-700 group-hover:text-neu-900" />
+    </Link>
+  )
+}
diff --git a/src/app/(main)/resources/reading/[subcategory]/page.tsx b/src/app/(main)/resources/reading/[subcategory]/page.tsx
new file mode 100644
index 0000000000..eea54355fd
--- /dev/null
+++ b/src/app/(main)/resources/reading/[subcategory]/page.tsx
@@ -0,0 +1,36 @@
+import { notFound } from "next/navigation"
+
+import {
+  ReadingLibraryPage,
+  readingMetadata,
+  subcategories,
+  type Subcategory,
+} from "../reading-page"
+
+interface PageParams {
+  subcategory: string
+}
+
+function isSubcategory(value: string): value is Subcategory {
+  return subcategories.includes(value as Subcategory)
+}
+
+export function generateStaticParams() {
+  return subcategories.map(subcategory => ({ subcategory }))
+}
+
+export function generateMetadata({ params }: { params: PageParams }) {
+  const subcategory = params.subcategory
+  if (!isSubcategory(subcategory)) return {}
+  return readingMetadata(subcategory)
+}
+
+export default function ReadingSubcategoryPage({
+  params,
+}: {
+  params: PageParams
+}) {
+  const subcategory = params.subcategory
+  if (!isSubcategory(subcategory)) return notFound()
+  return <ReadingLibraryPage variant={subcategory} />
+}
diff --git a/src/app/(main)/resources/reading/page.tsx b/src/app/(main)/resources/reading/page.tsx
new file mode 100644
index 0000000000..a997ace6c3
--- /dev/null
+++ b/src/app/(main)/resources/reading/page.tsx
@@ -0,0 +1,7 @@
+import { ReadingLibraryPage, readingMetadata } from "./reading-page"
+
+export const metadata = readingMetadata("all")
+
+export default function ReadingPage() {
+  return <ReadingLibraryPage variant="all" />
+}
diff --git a/src/app/(main)/resources/reading/reading-page.tsx b/src/app/(main)/resources/reading/reading-page.tsx
new file mode 100644
index 0000000000..1618ed946b
--- /dev/null
+++ b/src/app/(main)/resources/reading/reading-page.tsx
@@ -0,0 +1,200 @@
+import Link from "next/link"
+import { NavbarFixed } from "@/components/navbar/navbar-fixed"
+import { notFound } from "next/navigation"
+import { Breadcrumbs } from "@/_design-system/breadcrumbs"
+import { clsx } from "clsx"
+
+import { ResourcesHero } from "../resources-hero"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import { ReadingResourcesCard } from "./reading-resources-card"
+import { readResources } from "@/resources/data"
+import { topics, type ResourceMetadata, type Topic } from "@/resources/types"
+
+export const subcategories = [
+  "blogs-and-newsletters",
+  "individual-posts",
+  "books",
+] as const
+
+export type Subcategory = (typeof subcategories)[number]
+
+type Variant = Subcategory | "all"
+
+const topicSet = new Set<Topic>(topics)
+
+const tabs: {
+  label: string
+  href: string
+  variant: Variant
+  color: string
+}[] = [
+  {
+    label: "Blogs & newsletters",
+    href: "/resources/reading/blogs-and-newsletters",
+    variant: "blogs-and-newsletters",
+    color: "hsl(var(--color-pri-base))",
+  },
+  {
+    label: "Individual posts",
+    href: "/resources/reading/individual-posts",
+    variant: "individual-posts",
+    color: "#FF8800",
+  },
+  {
+    label: "Books",
+    href: "/resources/reading/books",
+    variant: "books",
+    color: "#00C6AC",
+  },
+]
+
+const variants: Record<
+  Variant,
+  {
+    title: string
+    description: string
+    eyebrow: string
+    filter: (resource: ResourceMetadata) => boolean
+  }
+> = {
+  all: {
+    title: "Reading Resources Library",
+    description:
+      "Browse reading materials to learn best practices and stay up to date with the ecosystem.",
+    eyebrow: "Reading resources",
+    filter: resource =>
+      resource.tags.some(
+        tag =>
+          tag === "blog-or-newsletter" || tag === "guide" || tag === "book",
+      ),
+  },
+  "blogs-and-newsletters": {
+    title: "Blogs & Newsletters",
+    description:
+      "Popular sources to learn and keep track of the GraphQL ecosystem.",
+    eyebrow: "Stay informed",
+    filter: resource => resource.tags.includes("blog-or-newsletter"),
+  },
+  "individual-posts": {
+    title: "Individual Posts",
+    description: "Notable posts from the community.",
+    eyebrow: "Deep dives",
+    filter: resource =>
+      resource.tags.some(
+        tag =>
+          tag === "guide" ||
+          (tag === "blog" && !resource.url.startsWith("/blog")),
+      ),
+  },
+  books: {
+    title: "Books",
+    description:
+      "Books to help you level up your GraphQL knowledge and practice.",
+    eyebrow: "Read and learn",
+    filter: resource => resource.tags.includes("book"),
+  },
+}
+
+export function readingMetadata(variant: Variant) {
+  const config = variants[variant]
+  if (!config) return {}
+  return {
+    title: config.title,
+    description: config.description,
+  }
+}
+
+function hasTopicTag(resource: ResourceMetadata) {
+  return resource.tags.some(tag => topicSet.has(tag as Topic))
+}
+
+function uniqueByTitle(resources: ResourceMetadata[]) {
+  const seen = new Set<string>()
+  return resources.filter(resource => {
+    const key = resource.title.trim().toLowerCase()
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+}
+
+export async function ReadingLibraryPage({ variant }: { variant: Variant }) {
+  const config = variants[variant]
+  if (!config) return notFound()
+
+  const resources = await readResources()
+  const filtered = uniqueByTitle(resources)
+    .filter(config.filter)
+    .sort((a, b) =>
+      a.title.localeCompare(b.title, "en", { sensitivity: "base" }),
+    )
+
+  const activePath = [
+    {
+      name: "Home",
+      route: "/",
+    },
+    {
+      name: "Resource Hub",
+      route: "/resources",
+    },
+    {
+      name: "Reading Resources Library",
+      route: "/resources/reading",
+    },
+  ].map(item => ({
+    ...item,
+    title: item.name,
+    type: "page",
+    children: [],
+    frontMatter: {},
+  }))
+
+  return (
+    <main className="gql-all-anchors-focusable">
+      <NavbarFixed />
+      <ResourcesHero
+        heading="Reading Resources Library"
+        text="Grow your GraphQL expertise with a curated selection of articles, blogs, and books that support continuous learning and keep you in sync with the latest developments."
+      />
+      <section className="gql-container gql-section">
+        <Breadcrumbs activePath={activePath} />
+        <nav
+          className="mt-6 grid grid-cols-3 divide-x divide-neu-200 border border-neu-200 dark:divide-neu-100 dark:border-neu-100"
+          aria-label="Reading resource types"
+        >
+          {tabs.map(tab => {
+            const active = tab.variant === variant
+            return (
+              <Link
+                key={tab.variant}
+                href={tab.href}
+                aria-current={active ? "page" : undefined}
+                style={
+                  {
+                    "--color": tab.color,
+                  } as React.CSSProperties
+                }
+                scroll={false}
+                className={clsx(
+                  "typography-body-lg flex h-full flex-col gap-2 bg-neu-0 px-4 py-3 text-left transition hover:bg-neu-50 dark:bg-neu-0/60 dark:hover:bg-neu-50/40",
+                  active &&
+                    "bg-[--color] text-neu-0 hover:bg-[hsl(from_var(--color)_h_s_l/.9)]",
+                )}
+              >
+                {tab.label}
+              </Link>
+            )
+          })}
+        </nav>
+        <ul className="mt-10 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+          {filtered.map(resource => (
+            <li key={resource.url}>
+              <ReadingResourcesCard resource={resource} />
+            </li>
+          ))}
+        </ul>
+      </section>
+    </main>
+  )
+}
diff --git a/src/app/(main)/resources/reading/reading-resources-card.tsx b/src/app/(main)/resources/reading/reading-resources-card.tsx
new file mode 100644
index 0000000000..4c5d5a1daf
--- /dev/null
+++ b/src/app/(main)/resources/reading/reading-resources-card.tsx
@@ -0,0 +1,66 @@
+import type { ComponentType, SVGProps } from "react"
+
+import BookmarkIcon from "../assets/bookmark.svg?svgr"
+import InfoIcon from "@/app/conf/_design-system/pixelarticons/info.svg?svgr"
+import NotesIcon from "@/app/conf/_design-system/pixelarticons/notes.svg?svgr"
+import { ResourceHubCard } from "../resource-hub-card"
+import type { ResourceMetadata } from "@/resources/types"
+
+type CornerIcon = ComponentType<SVGProps<SVGElement>>
+
+type ReadingKind = "book" | "blog-or-newsletter" | "blog" | "guide"
+
+const readingKindConfig: Record<
+  ReadingKind,
+  { label: string; color: string; Icon: CornerIcon }
+> = {
+  book: { label: "books", color: "#00C6AC", Icon: BookmarkIcon },
+  "blog-or-newsletter": {
+    label: "blogs & newsletters",
+    color: "hsl(var(--color-pri-base))",
+    Icon: NotesIcon,
+  },
+  blog: { label: "blog posts", color: "#FF8800", Icon: NotesIcon },
+  guide: { label: "guides", color: "#FF8800", Icon: InfoIcon },
+}
+
+function pickReadingKind(resource: ResourceMetadata): ReadingKind | undefined {
+  const candidates: ReadingKind[] = [
+    "book",
+    "blog-or-newsletter",
+    "guide",
+    "blog",
+  ]
+  return candidates.find((candidate): candidate is ReadingKind =>
+    resource.tags.includes(candidate),
+  )
+}
+
+export function ReadingResourcesCard({
+  resource,
+}: {
+  resource: ResourceMetadata
+}) {
+  const kind = pickReadingKind(resource)
+  const config = kind ? readingKindConfig[kind] : undefined
+
+  return (
+    <ResourceHubCard
+      href={resource.url}
+      title={resource.title}
+      author={resource.author}
+      authorPlacement="body"
+      tags={resource.tags}
+      icon={
+        config ? (
+          <div
+            className="flex size-12 items-center justify-center text-[color:var(--icon-color)]"
+            style={{ ["--icon-color" as string]: config.color }}
+          >
+            <config.Icon className="size-8" aria-hidden />
+          </div>
+        ) : null
+      }
+    />
+  )
+}
diff --git a/src/app/(main)/resources/resource-hub-card.tsx b/src/app/(main)/resources/resource-hub-card.tsx
new file mode 100644
index 0000000000..d6eb536e9c
--- /dev/null
+++ b/src/app/(main)/resources/resource-hub-card.tsx
@@ -0,0 +1,118 @@
+import Link from "next/link"
+import type { ReactNode } from "react"
+import { clsx } from "clsx"
+
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+import ClockIcon from "@/app/conf/_design-system/pixelarticons/clock.svg?svgr"
+import { Tag } from "@/app/conf/_design-system/tag"
+import { Topic } from "@/resources/types"
+import { blogTagColors } from "@/components/blog-page/blog-tag-colors"
+
+export const tagColors: Record<Topic | (string & {}), string> = {
+  ...blogTagColors,
+  backend: "#36C1A0",
+  "defies-categorization": "#894545",
+  "developer-experience": "#6fc9af",
+  "federation-and-composite-schemas": "#cbc749",
+  "graphql-clients": "#ca78fc",
+  "graphql-in-production": "#e4981f",
+  "graphql-security": "#CC6BB0",
+  "graphql-spec": "#6B73CC",
+  scaling: "#8D8D8D",
+  frontend: "violet",
+  documentation: "salmon",
+  "schema-evolution": "thistle",
+  security: "cornflowerblue",
+  "case-studies": "#B36B00",
+  "federation-and-distributed-systems": "#FF8F70",
+  federation: "#5C7CFA",
+  tools: "#0FA3B1",
+  "api-platform-and-gateways": "#F4B400",
+  "schema-design": "#7E57C2",
+  ai: "#FF5FA2",
+  monitoring: "#2D9CDB",
+  "blog-or-newsletter": "#FF8800",
+  book: "#00C6AC",
+  guide: "#FF8800",
+}
+
+interface ResourceHubCardProps {
+  href: string
+  title: string
+  author?: string
+  duration?: string
+  authorPlacement?: "body" | "footer"
+  tags?: string[]
+  className?: string
+  icon?: ReactNode
+}
+
+export function ResourceHubCard({
+  href,
+  title,
+  author,
+  duration,
+  authorPlacement = "footer",
+  tags,
+  className,
+  icon,
+}: ResourceHubCardProps) {
+  return (
+    <Link
+      href={href}
+      className={clsx(
+        "group grid h-full grid-rows-[1fr_auto] border border-neu-200 bg-neu-50 text-left hover:ring hover:ring-neu-100 dark:border-neu-100 dark:bg-neu-50/25 dark:hover:ring-neu-50",
+        className,
+      )}
+    >
+      <div className="grid grid-cols-[1fr_auto] gap-4 border-b border-inherit p-4 md:p-6">
+        <div className="flex flex-col gap-4">
+          {tags?.length ? (
+            <div className="flex flex-wrap gap-2">
+              {tags.map(tag => (
+                <Tag key={tag} color={tagColors[tag as Topic]}>
+                  {formatTag(tag)}
+                </Tag>
+              ))}
+            </div>
+          ) : null}
+          <div className="flex flex-col gap-3">
+            {authorPlacement === "body" && author ? (
+              <span className="typography-body-sm text-neu-800">{author}</span>
+            ) : null}
+            <h3 className="typography-h4 text-pretty text-neu-900 md:typography-h3">
+              {title}
+            </h3>
+          </div>
+        </div>
+        {icon ? (
+          <div className="self-start justify-self-end">{icon}</div>
+        ) : null}
+      </div>
+      <div className="grid grid-cols-[1fr_auto] items-center">
+        <div className="flex items-center gap-4 p-4 md:p-6">
+          {authorPlacement === "footer" && author ? (
+            <span className="typography-body-sm text-neu-800">{author}</span>
+          ) : null}
+          {duration ? (
+            <span className="flex items-center gap-2 text-neu-800">
+              <ClockIcon className="size-5" />
+              <span className="typography-body-sm">{duration}</span>
+            </span>
+          ) : null}
+        </div>
+        <div className="flex size-[53px] items-center justify-center border-l border-neu-200 dark:border-neu-100 md:size-[72px]">
+          <ArrowDownIcon className="size-8 -rotate-90 md:size-10" aria-hidden />
+        </div>
+      </div>
+    </Link>
+  )
+}
+
+function formatTag(tag: string) {
+  if (tag === "blog-or-newsletter") return "Blogs & Newsletters"
+  if (tag === "book") return "Books"
+  if (tag === "guide") return "Individual posts"
+
+  return tag.replaceAll("-", " ")
+}
diff --git a/src/app/(main)/resources/resources-hero.tsx b/src/app/(main)/resources/resources-hero.tsx
new file mode 100644
index 0000000000..29ac61e94c
--- /dev/null
+++ b/src/app/(main)/resources/resources-hero.tsx
@@ -0,0 +1,28 @@
+import { LearnHeroStripes } from "@/components/learn-aggregator/learn-hero-stripes"
+
+export function ResourcesHero({
+  heading,
+  text,
+  children,
+}: {
+  heading: string
+  text: string
+  children?: React.ReactNode
+}) {
+  return (
+    <section className="relative overflow-hidden bg-neu-0 pt-[calc(var(--nextra-navbar-height)+24px)] lg:h-[600px]">
+      <LearnHeroStripes
+        className="!h-full ![--start-2:hsl(var(--color-sec-lighter)/.5)] dark:![--start-2:hsl(319,100%,30%)]"
+        style={{
+          maskSize: "2000px",
+          WebkitMaskSize: "2000px",
+        }}
+      />
+      <div className="gql-section gql-container relative flex h-full flex-col items-center justify-center gap-6 text-center lg:gap-8">
+        <h1 className="typography-h1">{heading}</h1>
+        <p className="typography-body-md max-w-[554px] text-pretty">{text}</p>
+        {children}
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/specification-section.tsx b/src/app/(main)/resources/specification-section.tsx
new file mode 100644
index 0000000000..45fc32edfe
--- /dev/null
+++ b/src/app/(main)/resources/specification-section.tsx
@@ -0,0 +1,54 @@
+import { Button } from "@/app/conf/_design-system/button"
+import ArchiveIcon from "./assets/archive.svg?svgr"
+import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
+import { Eyebrow } from "@/_design-system/eyebrow"
+
+export function SpecificationSection() {
+  return (
+    <section className="gql-section" id="specification">
+      <div className="relative overflow-hidden border border-pri-lighter bg-pri-lightest p-8 dark:border-pri-darker dark:bg-pri-darker/15 lg:p-16">
+        <Stripes />
+        <Eyebrow>specification</Eyebrow>
+
+        <div className="mt-8 flex flex-col items-start gap-8 lg:flex-row lg:justify-between">
+          <div className="flex size-[268px] shrink-0 items-center justify-center bg-pri-lighter p-12 text-pri-base dark:bg-pri-darker/20 max-lg:size-16 max-lg:p-2">
+            <ArchiveIcon className="size-40 max-lg:size-12" aria-hidden />
+          </div>
+
+          <div className="max-w-[788px]">
+            <h2 className="typography-h2 text-balance text-neu-900">
+              Read the GraphQL Specification
+            </h2>
+            <p className="typography-body-lg mt-6 text-neu-800 lg:mt-10">
+              The specification defines the core structure of GraphQL. It's the
+              foundation for building consistent servers, clients, and tools.
+              Read the spec to better understand how GraphQL works.
+            </p>
+            <Button href="/spec" className="mt-10 w-fit max-lg:w-full">
+              Go to specification
+            </Button>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
+
+function Stripes() {
+  return (
+    <div
+      className="pointer-events-none absolute inset-0"
+      style={{
+        maskImage: "linear-gradient(21deg, transparent 70%, black 105%)",
+        maskPosition: "top right",
+        maskSize: "80% 100%",
+        maskRepeat: "no-repeat",
+      }}
+    >
+      <StripesDecoration
+        evenClassName="bg-[linear-gradient(90deg,hsl(var(--color-pri-lighter))_0_12px,hsl(var(--color-pri-light))_12px_24px)] dark:bg-[repeating-linear-gradient(90deg,hsl(var(--color-pri-light)/0.22)_0_12px,hsl(var(--color-pri-base)/0.22)_12px_24px)]"
+        angle="-90deg"
+      />
+    </div>
+  )
+}
diff --git a/src/app/(main)/resources/subtitles.ts b/src/app/(main)/resources/subtitles.ts
new file mode 100644
index 0000000000..f546c51b99
--- /dev/null
+++ b/src/app/(main)/resources/subtitles.ts
@@ -0,0 +1,30 @@
+import { type Topic } from "@/resources/types"
+
+export const categoryNames: Record<Topic, string> = {
+  frontend: "Frontend",
+  backend: "Backend",
+  federation: "Federation",
+  security: "Security",
+  ai: "AI",
+  monitoring: "Monitoring",
+  "api-platform-and-gateways": "API Platform and Gateways",
+  "developer-experience": "Developer Experience",
+  "schema-design": "Schema Design",
+  tools: "Tools",
+}
+
+export const categorySubtitles: Record<Topic, string> = {
+  frontend: "Learn how to integrate GraphQL on the frontend.",
+  backend:
+    "Build powerful GraphQL backends with the right tools, libraries and expert insights.",
+  federation: "Learn how to build and compose GraphQL graphs with federation.",
+  ai: "Explore how to use GraphQL for AI systems.",
+  security: "Learn how to secure your GraphQL APIs.",
+  monitoring:
+    "Stay ahead of performance issues by monitoring queries and watching error trends.",
+  "api-platform-and-gateways":
+    "Learn how to build and deploy API Gateways and Supergraphs.",
+  "developer-experience": "Learn how to improve your developer experience.",
+  "schema-design": "Learn how to design and maintain GraphQL schemas.",
+  tools: "Discover the best tools for GraphQL development.",
+}
diff --git a/src/app/(main)/resources/tools-libraries-section.tsx b/src/app/(main)/resources/tools-libraries-section.tsx
new file mode 100644
index 0000000000..4c69c86096
--- /dev/null
+++ b/src/app/(main)/resources/tools-libraries-section.tsx
@@ -0,0 +1,34 @@
+import { Button } from "@/app/conf/_design-system/button"
+import ToolsIcon from "./assets/tools.svg?svgr"
+import { Eyebrow } from "@/_design-system/eyebrow"
+
+export function ToolsLibrariesSection() {
+  return (
+    <section className="gql-section" id="tools-and-libraries">
+      <div className="border border-sec-base bg-sec-lighter p-8 dark:border-sec-darker dark:bg-sec-darker/15 lg:p-16">
+        <Eyebrow className="!text-sec-darker dark:!text-sec-light">
+          tools and libraries
+        </Eyebrow>
+
+        <div className="mt-8 flex flex-col items-start gap-8 lg:flex-row lg:justify-between">
+          <div className="max-w-[788px] max-lg:order-2">
+            <h2 className="typography-h2 text-balance text-neu-900">
+              Build GraphQL with Tools & Libraries
+            </h2>
+            <p className="typography-body-lg mt-6 text-neu-800 lg:mt-10">
+              Explore solutions and docs for building with GraphQL — across
+              languages, frameworks, and platforms.
+            </p>
+            <Button href="/code" className="mt-10 w-fit max-lg:w-full">
+              Explore Tools & Libraries
+            </Button>
+          </div>
+
+          <div className="flex size-[268px] shrink-0 items-center justify-center bg-sec-light p-12 text-sec-dark dark:bg-sec-darker/15 max-lg:order-1 max-lg:size-16 max-lg:p-2">
+            <ToolsIcon className="size-40 max-lg:size-12" aria-hidden />
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/video-resources-section.tsx b/src/app/(main)/resources/video-resources-section.tsx
new file mode 100644
index 0000000000..51122b0a5a
--- /dev/null
+++ b/src/app/(main)/resources/video-resources-section.tsx
@@ -0,0 +1,31 @@
+import { Button } from "@/app/conf/_design-system/button"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import VideoPlayerIcon from "./assets/video-player.svg?svgr"
+
+export function VideoResourcesSection() {
+  return (
+    <section className="gql-container gql-section" id="video-resources">
+      <Eyebrow>video resources library</Eyebrow>
+
+      <div className="mt-8 flex flex-col items-start gap-8 lg:flex-row lg:justify-between">
+        <div className="flex shrink-0 items-center justify-center border border-neu-200 bg-neu-0 text-neu-400 dark:border-neu-100 dark:bg-neu-0/50 max-lg:size-16 max-lg:p-2 max-md:hidden lg:order-1 lg:size-[294px]">
+          <VideoPlayerIcon className="size-12 lg:size-36" />
+        </div>
+
+        <div className="max-w-[709px]">
+          <h2 className="typography-h2 text-balance text-neu-900">
+            Watch and learn GraphQL
+          </h2>
+          <p className="typography-body-lg mt-6 text-neu-800 lg:mt-10">
+            Build your skills with featured videos from GraphQL Conf, global
+            meetups, and expert engineers — keeping you up to date in a
+            fast-moving ecosystem.
+          </p>
+          <Button href="/conf" className="mt-10 sm:w-fit">
+            Go to Video Resources
+          </Button>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/(main)/resources/video/page.tsx b/src/app/(main)/resources/video/page.tsx
new file mode 100644
index 0000000000..2274aaedde
--- /dev/null
+++ b/src/app/(main)/resources/video/page.tsx
@@ -0,0 +1,64 @@
+import { NavbarFixed } from "@/components/navbar/navbar-fixed"
+import { getResourcesByTag } from "@/resources/data"
+import VideoPlayerIcon from "../assets/video-player.svg?svgr"
+import { ResourcesHero } from "../resources-hero"
+import { Eyebrow } from "@/_design-system/eyebrow"
+import { VideoLibrary } from "./video-library"
+
+export const metadata = {
+  title: "Video Resources Library",
+  description:
+    "Expand your expertise with curated videos to help you master GraphQL and stay up to date with its evolving ecosystem.",
+}
+
+export default async function VideoResourcesPage() {
+  const resources = await getResourcesByTag("video")
+  const seen = new Set<string>()
+  const unique = resources.filter(resource => {
+    const key = resource.title.trim().toLowerCase()
+    if (seen.has(key)) return false
+    seen.add(key)
+    return true
+  })
+  unique.sort((a, b) =>
+    a.title.localeCompare(b.title, "en", { sensitivity: "base" }),
+  )
+
+  return (
+    <main className="gql-all-anchors-focusable">
+      <NavbarFixed />
+      <ResourcesHero
+        heading="Video Resources Library"
+        text="Expand your expertise with curated videos to help you master GraphQL and stay up to date with its evolving ecosystem."
+      />
+
+      <section className="gql-container pb-16 pt-12 lg:pb-24">
+        <header className="flex flex-col gap-6 border-b border-neu-200 pb-8 dark:border-neu-100 lg:flex-row lg:items-end lg:justify-between">
+          <div className="flex items-start gap-4">
+            <div className="flex size-14 items-center justify-center border border-neu-200 bg-neu-0 text-neu-500 dark:border-neu-100 dark:bg-neu-0/50 lg:size-16">
+              <VideoPlayerIcon className="size-8 lg:size-10" aria-hidden />
+            </div>
+            <div className="flex flex-col gap-3">
+              <Eyebrow>Watch and learn</Eyebrow>
+              <h2 className="typography-h2 text-pretty">
+                Curated GraphQL talks
+              </h2>
+              <p className="typography-body-md max-w-[720px] text-neu-800">
+                Browse recorded sessions from GraphQL Conf alongside community
+                talks and workshops.
+              </p>
+            </div>
+          </div>
+
+          <span className="font-mono text-sm uppercase text-neu-700">
+            {unique.length} videos
+          </span>
+        </header>
+
+        <div className="mt-10">
+          <VideoLibrary resources={unique} />
+        </div>
+      </section>
+    </main>
+  )
+}
diff --git a/src/app/(main)/resources/video/video-library.tsx b/src/app/(main)/resources/video/video-library.tsx
new file mode 100644
index 0000000000..4fc1bc8b5d
--- /dev/null
+++ b/src/app/(main)/resources/video/video-library.tsx
@@ -0,0 +1,236 @@
+"use client"
+
+import { useMemo, useState } from "react"
+import {
+  Combobox,
+  ComboboxButton,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+} from "@headlessui/react"
+
+import { Button } from "@/app/conf/_design-system/button"
+import { Tag } from "@/app/conf/_design-system/tag"
+import CaretDownIcon from "@/app/conf/_design-system/pixelarticons/caret-down.svg?svgr"
+import { CheckboxIcon } from "@/app/conf/_design-system/pixelarticons/checkbox-icon"
+import { ResourceHubCard } from "../resource-hub-card"
+import { type ResourceMetadata, topics, type Topic } from "@/resources/types"
+
+interface VideoLibraryProps {
+  resources: ResourceMetadata[]
+}
+
+type SortOrder = "az" | "za"
+
+export function VideoLibrary({ resources }: VideoLibraryProps) {
+  const [selectedTopics, setSelectedTopics] = useState<string[]>([])
+  const [sortOrder, setSortOrder] = useState<SortOrder>("az")
+
+  const topicOptions = useMemo(() => {
+    const allowed = new Set<Topic>(topics)
+    const found = new Set<string>()
+    resources.forEach(resource => {
+      resource.tags.forEach(tag => {
+        if (allowed.has(tag as Topic)) {
+          found.add(tag)
+        }
+      })
+    })
+    return Array.from(found).sort((a, b) =>
+      a.localeCompare(b, "en", { sensitivity: "base" }),
+    )
+  }, [resources])
+
+  const filtered = useMemo(() => {
+    const filteredByTopic =
+      selectedTopics.length === 0
+        ? resources
+        : resources.filter(resource =>
+            resource.tags.some(tag => selectedTopics.includes(tag)),
+          )
+
+    const sorted = [...filteredByTopic].sort((a, b) =>
+      sortOrder === "az"
+        ? a.title.localeCompare(b.title, "en", { sensitivity: "base" })
+        : b.title.localeCompare(a.title, "en", { sensitivity: "base" }),
+    )
+
+    return sorted
+  }, [resources, selectedTopics, sortOrder])
+
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-4 border-b border-neu-200 pb-6 dark:border-neu-100 lg:flex-row lg:items-end lg:justify-between">
+        <div className="flex flex-col gap-4 lg:w-full lg:flex-row lg:items-end lg:gap-6">
+          <TopicsCombobox
+            label="Topics"
+            options={topicOptions}
+            value={selectedTopics}
+            onChange={setSelectedTopics}
+          />
+
+          <div className="flex flex-col gap-2 lg:w-52">
+            <span className="typography-menu font-mono font-medium uppercase text-neu-900">
+              Sort
+            </span>
+            <div className="relative border border-neu-500 bg-neu-0 text-neu-800 focus-within:ring focus-within:ring-neu-300 dark:border-neu-200 dark:bg-neu-0/50 dark:focus-within:ring-neu-200">
+              <select
+                value={sortOrder}
+                onChange={event =>
+                  setSortOrder(event.target.value as SortOrder)
+                }
+                className="typography-body-sm w-full bg-transparent px-3 py-2 outline-none"
+              >
+                <option value="az">Title A–Z</option>
+                <option value="za">Title Z–A</option>
+              </select>
+              <CaretDownIcon className="pointer-events-none absolute right-2 top-1/2 size-5 -translate-y-1/2 text-neu-500" />
+            </div>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-3">
+          <span className="font-mono text-sm uppercase text-neu-700">
+            {filtered.length} videos
+          </span>
+          {selectedTopics.length > 0 && (
+            <Button
+              variant="tertiary"
+              className="h-fit items-center gap-x-2 bg-neu-100 !p-2 text-neu-700 hover:bg-neu-200/80 hover:text-neu-900"
+              onClick={() => setSelectedTopics([])}
+            >
+              Clear filters
+            </Button>
+          )}
+        </div>
+      </div>
+
+      <ul className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
+        {filtered.map(resource => {
+          return (
+            <li key={resource.url}>
+              <ResourceHubCard
+                href={resource.url}
+                title={resource.title}
+                author={resource.author}
+                tags={resource.tags}
+              />
+            </li>
+          )
+        })}
+      </ul>
+    </div>
+  )
+}
+
+function TopicsCombobox({
+  label,
+  options,
+  value,
+  onChange,
+}: {
+  label: string
+  options: string[]
+  value: string[]
+  onChange: (next: string[]) => void
+}) {
+  const [query, setQuery] = useState("")
+
+  const filteredOptions =
+    query === ""
+      ? options
+      : options.filter(option =>
+          option.toLowerCase().includes(query.toLowerCase()),
+        )
+
+  return (
+    <Combobox immediate multiple value={value} onChange={onChange}>
+      <div className="flex flex-col gap-2 lg:w-full">
+        <span className="typography-menu font-mono font-medium uppercase text-neu-900">
+          {label}
+        </span>
+        <label className="relative w-full border border-neu-500 bg-neu-0 p-2 focus-within:outline-none focus-within:ring focus-within:ring-neu-300 dark:border-neu-200 dark:bg-neu-0/50 dark:focus-within:ring-neu-200">
+          <ComboboxInput
+            value={query}
+            onChange={event => setQuery(event.target.value)}
+            className="typography-body-sm bg-transparent leading-none text-neu-800 !outline-offset-0 max-lg:typography-body-md placeholder:text-neu-600 focus:outline-none"
+            placeholder="Any topic"
+            autoComplete="true"
+          />
+          <ComboboxButton className="absolute inset-y-0 right-0 flex items-center px-2 focus:outline-none">
+            <CaretDownIcon
+              className="ui-open:rotate-180 size-5 text-neu-400 transition-transform duration-150 group-hover:text-neu-500"
+              aria-hidden="true"
+            />
+          </ComboboxButton>
+
+          {value.length > 0 && (
+            <div className="inset-y-0 left-0 z-[1] mt-1 flex items-center overflow-x-auto pr-8">
+              <div className="flex flex-wrap items-center gap-1">
+                {value.map(topic => (
+                  <Tag
+                    key={topic}
+                    color="hsl(var(--color-neu-500))"
+                    className="bg-neu-0"
+                  >
+                    {topic.replaceAll("-", " ")}
+                  </Tag>
+                ))}
+              </div>
+            </div>
+          )}
+        </label>
+
+        <div className="relative">
+          <ComboboxOptions className="absolute z-10 -mt-px max-h-60 w-full overflow-auto border border-neu-500 bg-neu-0 p-1 text-base">
+            {filteredOptions.map(option => (
+              <ComboboxOption key={option} value={option}>
+                {({ active, selected }) => (
+                  <TopicOption
+                    active={active}
+                    selected={selected}
+                    option={option}
+                  />
+                )}
+              </ComboboxOption>
+            ))}
+          </ComboboxOptions>
+        </div>
+      </div>
+    </Combobox>
+  )
+}
+
+function TopicOption({
+  active,
+  selected,
+  option,
+}: {
+  active: boolean
+  selected: boolean
+  option: string
+}) {
+  return (
+    <div
+      className={[
+        "typography-body-sm relative flex cursor-default select-none items-center p-1 font-sans",
+        active ? "bg-neu-100 dark:bg-neu-50" : "",
+      ].join(" ")}
+    >
+      <CheckboxIcon
+        className={["size-5 shrink-0", active ? "text-neu-700" : ""].join(" ")}
+        checked={selected}
+      />
+      <div className="min-w-0 flex-1 overflow-hidden pl-1 [container-type:inline-size]">
+        <span
+          className={[
+            "relative block w-fit min-w-full whitespace-nowrap pt-px transition-all [--delta-x:calc(-100%+100cqi)]",
+            active ? "animate-show-overflow" : "",
+          ].join(" ")}
+        >
+          {option}
+        </span>
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/conf/_design-system/pixelarticons/caret-down.svg b/src/app/conf/_design-system/pixelarticons/caret-down.svg
index 428cdbbaaf..deb68afbea 100644
--- a/src/app/conf/_design-system/pixelarticons/caret-down.svg
+++ b/src/app/conf/_design-system/pixelarticons/caret-down.svg
@@ -3,12 +3,11 @@
   width="25"
   height="24"
   viewBox="0 0 25 24"
-  fill="none"
+  fill="#A0A88A"
 >
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"
     d="M7.66669 8H5.66669V10H7.66669V12H9.66669V14H11.6667V16H13.6667V14H15.6667V12H17.6667V10H19.6667V8H17.6667V10H15.6667V12H13.6667V14H11.6667V12H9.66669V10H7.66669V8Z"
-    fill="#A0A88A"
   />
 </svg>
diff --git a/src/app/conf/_design-system/stripes-decoration.tsx b/src/app/conf/_design-system/stripes-decoration.tsx
index 8d03825612..f895baeada 100644
--- a/src/app/conf/_design-system/stripes-decoration.tsx
+++ b/src/app/conf/_design-system/stripes-decoration.tsx
@@ -1,21 +1,27 @@
 import clsx from "clsx"
 
 const maskEven =
-  "repeating-linear-gradient(to right, transparent, transparent var(--stripe-width), black var(--stripe-width), black calc(var(--stripe-width) * 2))"
+  "repeating-linear-gradient(var(--angle), transparent, transparent var(--stripe-width), black var(--stripe-width), black calc(var(--stripe-width) * 2))"
 
 const maskOdd =
-  "repeating-linear-gradient(to right, black, black var(--stripe-width), transparent var(--stripe-width), transparent calc(var(--stripe-width) * 2))"
+  "repeating-linear-gradient(var(--angle), black, black var(--stripe-width), transparent var(--stripe-width), transparent calc(var(--stripe-width) * 2))"
 
 export interface StripesDecorationProps {
   evenClassName?: string
   oddClassName?: string
   stripeWidth?: string
+  /**
+   * @default "90deg" to right,
+   * use "-90deg" to align with right side of the container
+   */
+  angle?: string
 }
 
 export function StripesDecoration({
   stripeWidth = "12px",
   evenClassName,
   oddClassName,
+  angle = "90deg",
 }: StripesDecorationProps) {
   return (
     <>
@@ -23,7 +29,10 @@ export function StripesDecoration({
         <div
           className={clsx("absolute inset-0", evenClassName)}
           style={{
-            ...({ "--stripe-width": stripeWidth } as React.CSSProperties),
+            ...({
+              "--stripe-width": stripeWidth,
+              "--angle": angle,
+            } as React.CSSProperties),
             maskImage: maskEven,
             WebkitMaskImage: maskEven,
           }}
@@ -33,7 +42,10 @@ export function StripesDecoration({
         <div
           className={clsx("absolute inset-0", oddClassName)}
           style={{
-            ...({ "--stripe-width": stripeWidth } as React.CSSProperties),
+            ...({
+              "--stripe-width": stripeWidth,
+              "--angle": angle,
+            } as React.CSSProperties),
             maskImage: maskOdd,
             WebkitMaskImage: maskOdd,
           }}
diff --git a/src/code/language-support/ballerina/client/ballerina-graphql.md b/src/code/language-support/ballerina/client/ballerina-graphql.md
index 404990ac3f..ed23acd975 100644
--- a/src/code/language-support/ballerina/client/ballerina-graphql.md
+++ b/src/code/language-support/ballerina/client/ballerina-graphql.md
@@ -3,6 +3,10 @@ name: ballerina-graphql
 description: The Ballerina Standard Library Package for consume GraphQL services.
 url: https://lib.ballerina.io/ballerina/graphql/latest
 github: ballerina-platform/module-ballerina-graphql
+tags:
+  - tools-and-libraries
+  - frontend
+  - frontend
 ---
 
 To run a `ballerina-graphql` client:
diff --git a/src/code/language-support/ballerina/server/ballerina-graphql.md b/src/code/language-support/ballerina/server/ballerina-graphql.md
index b1010190a8..083f7b3bc2 100644
--- a/src/code/language-support/ballerina/server/ballerina-graphql.md
+++ b/src/code/language-support/ballerina/server/ballerina-graphql.md
@@ -3,6 +3,10 @@ name: ballerina-graphql
 description: The Ballerina Standard Library Package for write GraphQL services.
 url: https://lib.ballerina.io/ballerina/graphql/latest
 github: ballerina-platform/module-ballerina-graphql
+tags:
+  - tools-and-libraries
+  - backend
+  - frontend
 ---
 
 To run a `ballerina-graphql` hello world server:
diff --git a/src/code/language-support/c-c/client/cppgraphqlgen-clientgen.md b/src/code/language-support/c-c/client/cppgraphqlgen-clientgen.md
index 6787ed8d0c..3992a82cbe 100644
--- a/src/code/language-support/c-c/client/cppgraphqlgen-clientgen.md
+++ b/src/code/language-support/c-c/client/cppgraphqlgen-clientgen.md
@@ -2,6 +2,9 @@
 name: cppgraphqlgen-clientgen
 description: A C++20 GraphQL request client generator and response parser using the schema document. If you want to consume a GraphQL service from a C++ client, you can pre-compile queries and deserialization functions for the expected results.
 github: microsoft/cppgraphqlgen
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 The `clientgen` utility is based on `schemagen` and shares the same external dependencies. The command line arguments
diff --git a/src/code/language-support/c-c/server/cppgraphqlgen-schemagen.md b/src/code/language-support/c-c/server/cppgraphqlgen-schemagen.md
index 106c67ef81..d29bb37534 100644
--- a/src/code/language-support/c-c/server/cppgraphqlgen-schemagen.md
+++ b/src/code/language-support/c-c/server/cppgraphqlgen-schemagen.md
@@ -2,6 +2,9 @@
 name: cppgraphqlgen-schemagen
 description: A C++20 GraphQL service generator using the schema document. You can use this to implement a GraphQL service with resolvers backed by whatever C++ libraries you need.
 github: microsoft/cppgraphqlgen
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Run `schemagen -?` to get a list of options. Many of the files in the [samples](https://github.com/microsoft/cppgraphqlgen/tree/main/samples) directory were generated
diff --git a/src/code/language-support/c-c/tools/libgraphqlparser.md b/src/code/language-support/c-c/tools/libgraphqlparser.md
index 19b5b84c86..a78e3f6222 100644
--- a/src/code/language-support/c-c/tools/libgraphqlparser.md
+++ b/src/code/language-support/c-c/tools/libgraphqlparser.md
@@ -2,4 +2,7 @@
 name: libgraphqlparser
 description: A GraphQL query language parser in C++ with C and C++ APIs.
 github: graphql/libgraphqlparser
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/c-net/client/graphql-client.md b/src/code/language-support/c-net/client/graphql-client.md
index 12013bcb2d..62650c7ad6 100644
--- a/src/code/language-support/c-net/client/graphql-client.md
+++ b/src/code/language-support/c-net/client/graphql-client.md
@@ -2,4 +2,7 @@
 name: GraphQL.Client
 description: A GraphQL Client for .NET.
 github: graphql-dotnet/graphql-client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/c-net/client/graphql-net-client.md b/src/code/language-support/c-net/client/graphql-net-client.md
index 3d230cd558..6919ae3d3b 100644
--- a/src/code/language-support/c-net/client/graphql-net-client.md
+++ b/src/code/language-support/c-net/client/graphql-net-client.md
@@ -2,4 +2,7 @@
 name: graphql-net-client
 description: Basic example GraphQL client for .NET.
 github: bkniffler/graphql-net-client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/c-net/client/linq2graphql.md b/src/code/language-support/c-net/client/linq2graphql.md
index b63319765c..b5283dd9b4 100644
--- a/src/code/language-support/c-net/client/linq2graphql.md
+++ b/src/code/language-support/c-net/client/linq2graphql.md
@@ -3,6 +3,9 @@ name: Linq2GraphQL
 description: A straightforward Linq to GraphQL Client
 url: https://linq2graphql.com
 github: linq2graphql/linq2graphql.client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Linq2GraphQL generates C# classes from the GraphQL schema and and togheter with the nuget package Linq2GraphQL.Client it makes it possible to query the server using Linq expressions.
diff --git a/src/code/language-support/c-net/client/sahb-graphqlclient.md b/src/code/language-support/c-net/client/sahb-graphqlclient.md
index bc6eee69db..a0f7598713 100644
--- a/src/code/language-support/c-net/client/sahb-graphqlclient.md
+++ b/src/code/language-support/c-net/client/sahb-graphqlclient.md
@@ -2,4 +2,7 @@
 name: SAHB.GraphQLClient
 description: GraphQL client which supports generating queries from C# classes
 github: sahb1239/SAHB.GraphQLClient
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/c-net/client/strawberry-shake.md b/src/code/language-support/c-net/client/strawberry-shake.md
index f18451aae7..8b725142c0 100644
--- a/src/code/language-support/c-net/client/strawberry-shake.md
+++ b/src/code/language-support/c-net/client/strawberry-shake.md
@@ -3,6 +3,9 @@ name: Strawberry Shake
 description: Strawberry Shake is a open-source reactive GraphQL client for .NET
 url: https://chillicream.com/docs/strawberryshake/
 github: ChilliCream/hotchocolate
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Strawberry Shake removes the complexity of state management and lets you interact with local and remote data through GraphQL.
diff --git a/src/code/language-support/c-net/client/zeroql.md b/src/code/language-support/c-net/client/zeroql.md
index 2a2de0a388..1b834d9a52 100644
--- a/src/code/language-support/c-net/client/zeroql.md
+++ b/src/code/language-support/c-net/client/zeroql.md
@@ -2,6 +2,9 @@
 name: ZeroQL
 description: ZeroQL is a open-source GraphQL client for C#
 github: byme8/ZeroQL
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 The ZeroQL is a high-performance C#-friendly GraphQL client. It supports Linq-like syntax, and doesn't require Reflection.Emit or expressions.
diff --git a/src/code/language-support/c-net/server/entity-graphql.md b/src/code/language-support/c-net/server/entity-graphql.md
index b54cfa6c71..bcc432d3e9 100644
--- a/src/code/language-support/c-net/server/entity-graphql.md
+++ b/src/code/language-support/c-net/server/entity-graphql.md
@@ -3,6 +3,9 @@ name: Entity GraphQL
 description: A GraphQL library for .NET Core. Easily expose you data model as a GraphQL API or bring together multiple data sources into a single GraphQL schema.
 url: https://entitygraphql.github.io
 github: EntityGraphQL/EntityGraphQL
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```csharp
diff --git a/src/code/language-support/c-net/server/graphql-dotnet.md b/src/code/language-support/c-net/server/graphql-dotnet.md
index c55ba4cbb5..fe64c67169 100644
--- a/src/code/language-support/c-net/server/graphql-dotnet.md
+++ b/src/code/language-support/c-net/server/graphql-dotnet.md
@@ -2,6 +2,9 @@
 name: graphql-dotnet
 description: GraphQL for .NET
 github: graphql-dotnet/graphql-dotnet
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```csharp
diff --git a/src/code/language-support/c-net/server/graphql-net.md b/src/code/language-support/c-net/server/graphql-net.md
index 42c90fdeaa..9e591f91e1 100644
--- a/src/code/language-support/c-net/server/graphql-net.md
+++ b/src/code/language-support/c-net/server/graphql-net.md
@@ -2,4 +2,7 @@
 name: graphql-net
 description: Convert GraphQL to IQueryable
 github: chkimes/graphql-net
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/c-net/server/hot-chocolate.md b/src/code/language-support/c-net/server/hot-chocolate.md
index 2b9704ad33..78ee422e79 100644
--- a/src/code/language-support/c-net/server/hot-chocolate.md
+++ b/src/code/language-support/c-net/server/hot-chocolate.md
@@ -3,6 +3,9 @@ name: Hot Chocolate
 description: Hot Chocolate is an open-source GraphQL Server for .NET
 url: https://chillicream.com/docs/hotchocolate/
 github: ChilliCream/hotchocolate
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Hot Chocolate takes the complexity away from building a fully-fledged GraphQL server and lets you focus on delivering the next big thing.
diff --git a/src/code/language-support/c-net/server/ngraphql.md b/src/code/language-support/c-net/server/ngraphql.md
index bbe2bf5fd0..a4ba6d9196 100644
--- a/src/code/language-support/c-net/server/ngraphql.md
+++ b/src/code/language-support/c-net/server/ngraphql.md
@@ -2,4 +2,7 @@
 name: NGraphQL
 description: A set of packages for implementing high-performant GraphQL servers in .NET. Faithful implementation of official 2018 Specification. Features batched execution support (aka Data Loader); support for custom scalars; HTTP server based on ASP.NET Core; parsed query cache; modular API construction (equivalent of schema stiching); full introspection support; runtime metrics and quotas.
 github: rivantsov/ngraphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/clojure/client/regraph.md b/src/code/language-support/clojure/client/regraph.md
index c6cc4b3936..c2c2b4248b 100644
--- a/src/code/language-support/clojure/client/regraph.md
+++ b/src/code/language-support/clojure/client/regraph.md
@@ -2,4 +2,7 @@
 name: regraph
 description: A GraphQL client implemented in Clojurescript with support for websockets.
 github: oliyh/re-graph
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/clojure/server/alumbra.md b/src/code/language-support/clojure/server/alumbra.md
index 3509371d69..c05834055a 100644
--- a/src/code/language-support/clojure/server/alumbra.md
+++ b/src/code/language-support/clojure/server/alumbra.md
@@ -2,6 +2,9 @@
 name: alumbra
 description: A set of reusable GraphQL components for Clojure conforming to the data structures given in [alumbra.spec](https://github.com/alumbra/alumbra.spec).
 github: alumbra/alumbra
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```clojure
diff --git a/src/code/language-support/clojure/server/graphql-clj.md b/src/code/language-support/clojure/server/graphql-clj.md
index 3f1eb595c4..7ec0f9047e 100644
--- a/src/code/language-support/clojure/server/graphql-clj.md
+++ b/src/code/language-support/clojure/server/graphql-clj.md
@@ -2,6 +2,9 @@
 name: graphql-clj
 description: A Clojure library that provides a GraphQL implementation.
 github: tendant/graphql-clj
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Code that executes a hello world GraphQL query with `graphql-clj`:
diff --git a/src/code/language-support/clojure/server/lacinia.md b/src/code/language-support/clojure/server/lacinia.md
index a31a541239..2c5ec1f20b 100644
--- a/src/code/language-support/clojure/server/lacinia.md
+++ b/src/code/language-support/clojure/server/lacinia.md
@@ -2,4 +2,7 @@
 name: lacinia
 description: A full implementation of the GraphQL specification that aims to maintain external compliance with the specification.
 github: walmartlabs/lacinia
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/d/server/graphqld.md b/src/code/language-support/d/server/graphqld.md
index b674835879..17b31d6c9f 100644
--- a/src/code/language-support/d/server/graphqld.md
+++ b/src/code/language-support/d/server/graphqld.md
@@ -2,4 +2,7 @@
 name: graphqld
 description: A GraphQL implementation for the D Programming Language.
 github: burner/graphqld
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/elixir/client/common-graphql-client.md b/src/code/language-support/elixir/client/common-graphql-client.md
index 6aa7e8317f..c0a81450db 100644
--- a/src/code/language-support/elixir/client/common-graphql-client.md
+++ b/src/code/language-support/elixir/client/common-graphql-client.md
@@ -2,4 +2,7 @@
 name: common_graphql_client
 description: Elixir GraphQL Client with HTTP and WebSocket support
 github: annkissam/common_graphql_client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/elixir/client/neuron.md b/src/code/language-support/elixir/client/neuron.md
index d48cdbf149..ee9f96772a 100644
--- a/src/code/language-support/elixir/client/neuron.md
+++ b/src/code/language-support/elixir/client/neuron.md
@@ -2,4 +2,7 @@
 name: Neuron
 description: A GraphQL client for Elixir
 github: uesteibar/neuron
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/elixir/server/absinthe.md b/src/code/language-support/elixir/server/absinthe.md
index f840056878..ea75e09bd8 100644
--- a/src/code/language-support/elixir/server/absinthe.md
+++ b/src/code/language-support/elixir/server/absinthe.md
@@ -2,4 +2,7 @@
 name: absinthe
 description: GraphQL implementation for Elixir.
 github: absinthe-graphql/absinthe
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/elixir/server/graphql-elixir.md b/src/code/language-support/elixir/server/graphql-elixir.md
index 84f40c4bff..8d71d3b753 100644
--- a/src/code/language-support/elixir/server/graphql-elixir.md
+++ b/src/code/language-support/elixir/server/graphql-elixir.md
@@ -2,4 +2,7 @@
 name: graphql-elixir
 description: An Elixir implementation of Facebook's GraphQL.
 github: graphql-elixir/graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/elm/client/dillonkearns-elm-graphql.md b/src/code/language-support/elm/client/dillonkearns-elm-graphql.md
index 25e0a910cf..7a39d9da20 100644
--- a/src/code/language-support/elm/client/dillonkearns-elm-graphql.md
+++ b/src/code/language-support/elm/client/dillonkearns-elm-graphql.md
@@ -2,4 +2,7 @@
 name: dillonkearns/elm-graphql
 description: Library and command-line code generator to create type-safe Elm code for a GraphQL endpoint.
 github: dillonkearns/elm-graphql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/erlang/server/graphql-erlang.md b/src/code/language-support/erlang/server/graphql-erlang.md
index abc81a4245..a985c43eed 100644
--- a/src/code/language-support/erlang/server/graphql-erlang.md
+++ b/src/code/language-support/erlang/server/graphql-erlang.md
@@ -2,4 +2,7 @@
 name: graphql-erlang
 description: GraphQL implementation in Erlang.
 github: jlouis/graphql-erlang
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/flutter/client/ferry.md b/src/code/language-support/flutter/client/ferry.md
index f821eb1a4a..a9106f1428 100644
--- a/src/code/language-support/flutter/client/ferry.md
+++ b/src/code/language-support/flutter/client/ferry.md
@@ -3,4 +3,7 @@ name: Ferry
 description: Ferry is a simple, powerful GraphQL Client for Flutter and Dart.
 url: https://ferrygraphql.com/
 github: gql-dart/ferry
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/flutter/client/graphql.md b/src/code/language-support/flutter/client/graphql.md
index b3df96a6c7..f9c382ed63 100644
--- a/src/code/language-support/flutter/client/graphql.md
+++ b/src/code/language-support/flutter/client/graphql.md
@@ -2,4 +2,7 @@
 name: graphql
 description: A GraphQL client implementation in Flutter.
 github: zino-app/graphql-flutter
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/go/client/genqlient.md b/src/code/language-support/go/client/genqlient.md
index ad115ef42c..666b05d6ed 100644
--- a/src/code/language-support/go/client/genqlient.md
+++ b/src/code/language-support/go/client/genqlient.md
@@ -2,6 +2,9 @@
 name: genqlient
 description: A truly type-safe Go GraphQL client.
 github: Khan/genqlient
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 genqlient is a Go library to easily generate type-safe code to query a GraphQL API. It takes advantage of the fact that both GraphQL and Go are typed languages to ensure at compile-time that your code is making a valid GraphQL query and using the result correctly, all with a minimum of boilerplate.
diff --git a/src/code/language-support/go/client/go-graphql-client.md b/src/code/language-support/go/client/go-graphql-client.md
index 5c97642c12..8af6b9d0c7 100644
--- a/src/code/language-support/go/client/go-graphql-client.md
+++ b/src/code/language-support/go/client/go-graphql-client.md
@@ -2,4 +2,7 @@
 name: go-graphql-client
 description: A GraphQL Go client with Mutation, Query and Subscription support.
 github: hasura/go-graphql-client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/go/client/graphql.md b/src/code/language-support/go/client/graphql.md
index 8cef435ce6..2fcbc85fce 100644
--- a/src/code/language-support/go/client/graphql.md
+++ b/src/code/language-support/go/client/graphql.md
@@ -2,4 +2,7 @@
 name: graphql
 description: A GraphQL client implementation in Go.
 github: shurcooL/graphql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/go/client/machinebox-graphql.md b/src/code/language-support/go/client/machinebox-graphql.md
index 0fa6615bda..7bf1e86f9a 100644
--- a/src/code/language-support/go/client/machinebox-graphql.md
+++ b/src/code/language-support/go/client/machinebox-graphql.md
@@ -2,4 +2,7 @@
 name: machinebox/graphql
 description: An elegant low-level HTTP client for GraphQL.
 github: machinebox/graphql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/go/server/99designs-gqlgen.md b/src/code/language-support/go/server/99designs-gqlgen.md
index 39f99519e8..2211406d9c 100644
--- a/src/code/language-support/go/server/99designs-gqlgen.md
+++ b/src/code/language-support/go/server/99designs-gqlgen.md
@@ -2,4 +2,8 @@
 name: 99designs/gqlgen
 description: Go generate based graphql server library.
 github: 99designs/gqlgen
+tags:
+  - tools-and-libraries
+  - backend
+  - backend
 ---
diff --git a/src/code/language-support/go/server/andrewwphillips-eggql.md b/src/code/language-support/go/server/andrewwphillips-eggql.md
index 02f3903f96..8b9c5b4cca 100644
--- a/src/code/language-support/go/server/andrewwphillips-eggql.md
+++ b/src/code/language-support/go/server/andrewwphillips-eggql.md
@@ -2,6 +2,9 @@
 name: EGGQL
 description: Easy to use, complete Go implementation of GraphQL. Simple and schema-less.
 github: andrewwphillips/eggql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 The purpose of Eggql is to make it as simple as possible to create a GraphQL server. You don't need to create GraphQL schema (though you can view the schema that is created if interested). It is currently in beta release but is a complete implementation of a GraphQL server apart from subscriptions.
diff --git a/src/code/language-support/go/server/appointy-jaal.md b/src/code/language-support/go/server/appointy-jaal.md
index 1d6a153c94..6e9f0877d7 100644
--- a/src/code/language-support/go/server/appointy-jaal.md
+++ b/src/code/language-support/go/server/appointy-jaal.md
@@ -2,4 +2,7 @@
 name: appointy/jaal
 description: Develop spec compliant GraphQL servers in Go.
 github: appointy/jaal
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/go/server/graph-gophers-graphql-go.md b/src/code/language-support/go/server/graph-gophers-graphql-go.md
index d3b37e25c7..1d4405986e 100644
--- a/src/code/language-support/go/server/graph-gophers-graphql-go.md
+++ b/src/code/language-support/go/server/graph-gophers-graphql-go.md
@@ -2,4 +2,7 @@
 name: graph-gophers/graphql-go
 description: GraphQL server with a focus on ease of use.
 github: graph-gophers/graphql-go
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/go/server/graphql-go.md b/src/code/language-support/go/server/graphql-go.md
index f322d7c2b2..a1dec63694 100644
--- a/src/code/language-support/go/server/graphql-go.md
+++ b/src/code/language-support/go/server/graphql-go.md
@@ -2,4 +2,7 @@
 name: graphql-go
 description: An implementation of GraphQL for Go / Golang.
 github: graphql-go/graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/go/server/graphql-relay-go.md b/src/code/language-support/go/server/graphql-relay-go.md
index 3f00006580..93c859e566 100644
--- a/src/code/language-support/go/server/graphql-relay-go.md
+++ b/src/code/language-support/go/server/graphql-relay-go.md
@@ -2,4 +2,7 @@
 name: graphql-relay-go
 description: A Go/Golang library to help construct a graphql-go server supporting react-relay.
 github: graphql-go/relay
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/go/server/samsarahq-thunder.md b/src/code/language-support/go/server/samsarahq-thunder.md
index 56ccc1e6f7..7ef290566a 100644
--- a/src/code/language-support/go/server/samsarahq-thunder.md
+++ b/src/code/language-support/go/server/samsarahq-thunder.md
@@ -2,4 +2,7 @@
 name: samsarahq/thunder
 description: A GraphQL implementation with easy schema building, live queries, and batching.
 github: samsarahq/thunder
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/go/server/wundergraph-graphql-go-tools.md b/src/code/language-support/go/server/wundergraph-graphql-go-tools.md
index fcea03ca58..a389a263ce 100644
--- a/src/code/language-support/go/server/wundergraph-graphql-go-tools.md
+++ b/src/code/language-support/go/server/wundergraph-graphql-go-tools.md
@@ -2,6 +2,9 @@
 name: graphql-go-tools
 description: A collection of tools for building GraphQL Servers, Gateways, Proxy Servers and Middleware in Go.
 github: wundergraph/graphql-go-tools
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 graphql-go-tools implements all basic blocks for building GraphQL Servers, Gateways and Proxy Servers.
diff --git a/src/code/language-support/go/tools/graphjin.md b/src/code/language-support/go/tools/graphjin.md
index c7e091c922..1810b3e1d9 100644
--- a/src/code/language-support/go/tools/graphjin.md
+++ b/src/code/language-support/go/tools/graphjin.md
@@ -2,4 +2,7 @@
 name: graphjin
 description: An instant GraphQL to SQL compiler. Use as a standalone service or a Go library. Formerly super-graph.
 github: dosco/graphjin
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/groovy/server/gorm-graphql.md b/src/code/language-support/groovy/server/gorm-graphql.md
index 9c6ba9c890..dd784cc9a8 100644
--- a/src/code/language-support/groovy/server/gorm-graphql.md
+++ b/src/code/language-support/groovy/server/gorm-graphql.md
@@ -3,6 +3,9 @@ name: gorm-graphql
 description: An automatic GraphQL schema generator for GORM
 url: https://grails.github.io/gorm-graphql/latest/guide/index.html
 github: grails/gorm-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 **Core Library** - The GORM GraphQL library provides functionality to generate a GraphQL schema based on your GORM entities. In addition to mapping domain classes to a GraphQL schema, the core library also provides default implementations of "data fetchers" to query, update, and delete data through executions of the schema.
diff --git a/src/code/language-support/groovy/server/gql.md b/src/code/language-support/groovy/server/gql.md
index 7d1cfa2810..86ba5acf34 100644
--- a/src/code/language-support/groovy/server/gql.md
+++ b/src/code/language-support/groovy/server/gql.md
@@ -3,4 +3,7 @@ name: GQL
 description: GQL is a Groove library for GraphQL
 url: https://grooviter.github.io/gql/
 github: grooviter/gql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/haskell/client/morpheus-graphql-client.md b/src/code/language-support/haskell/client/morpheus-graphql-client.md
index a93783fab9..2a3ac3d97e 100644
--- a/src/code/language-support/haskell/client/morpheus-graphql-client.md
+++ b/src/code/language-support/haskell/client/morpheus-graphql-client.md
@@ -2,4 +2,7 @@
 name: morpheus-graphql-client
 description: A strongly-typed GraphQL client implementation in Haksell.
 github: morpheusgraphql/morpheus-graphql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/haskell/server/graphql-w-persistent.md b/src/code/language-support/haskell/server/graphql-w-persistent.md
index afea3da582..e02b2eda9f 100644
--- a/src/code/language-support/haskell/server/graphql-w-persistent.md
+++ b/src/code/language-support/haskell/server/graphql-w-persistent.md
@@ -3,6 +3,9 @@ name: graphql-w-persistent
 description: Complete set of library tools to abstract relational database schemas with SQL, query with GraphQL, and return GraphQL results
 url: https://hackage.haskell.org/package/graphql-w-persistent
 github: jasonsychau/graphql-w-persistent
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 One time setup: build schema, deploy as microservice or within server, query SQL database with GraphQL!
diff --git a/src/code/language-support/haskell/server/morpheus-graphql.md b/src/code/language-support/haskell/server/morpheus-graphql.md
index a2492b55d6..eee4704051 100644
--- a/src/code/language-support/haskell/server/morpheus-graphql.md
+++ b/src/code/language-support/haskell/server/morpheus-graphql.md
@@ -2,6 +2,9 @@
 name: Morpheus GraphQL
 description: A Haskell library for building GraphQL APIs.
 github: morpheusgraphql/morpheus-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Hello world example with `morpheus-graphql`:
diff --git a/src/code/language-support/haskell/server/mu-haskell.md b/src/code/language-support/haskell/server/mu-haskell.md
index 636f68d248..e22332e59c 100644
--- a/src/code/language-support/haskell/server/mu-haskell.md
+++ b/src/code/language-support/haskell/server/mu-haskell.md
@@ -3,6 +3,9 @@ name: Mu-Haskell with Mu-GraphQL
 description: A Haskell library for building microservices (gRPC, HTTP) and GraphQL APIs.
 url: https://higherkindness.io/mu-haskell/
 github: higherkindness/mu-haskell
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Example implementation of a GraphQL server with type-level representation of the schema auto-generated:
diff --git a/src/code/language-support/java-kotlin-android/client/apollo-kotlin.md b/src/code/language-support/java-kotlin-android/client/apollo-kotlin.md
index bde28f030e..bd858014a0 100644
--- a/src/code/language-support/java-kotlin-android/client/apollo-kotlin.md
+++ b/src/code/language-support/java-kotlin-android/client/apollo-kotlin.md
@@ -2,6 +2,9 @@
 name: Apollo Kotlin
 description: A strongly-typed, caching GraphQL client for the JVM, Android, and Kotlin multiplatform.
 github: apollographql/apollo-kotlin
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Apollo Kotlin (formerly known as Apollo Android) is a GraphQL client with support for Android, Java8+, iOS and Kotlin multiplatform in general. It features:
diff --git a/src/code/language-support/java-kotlin-android/client/graphql-kotlin.md b/src/code/language-support/java-kotlin-android/client/graphql-kotlin.md
index 2ad4be71ed..5594f2bb10 100644
--- a/src/code/language-support/java-kotlin-android/client/graphql-kotlin.md
+++ b/src/code/language-support/java-kotlin-android/client/graphql-kotlin.md
@@ -2,6 +2,9 @@
 name: graphql-kotlin
 description: A set of libraries for running GraphQL client and server in Kotlin.
 github: ExpediaGroup/graphql-kotlin
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 GraphQL Kotlin provides a set of lightweight type-safe GraphQL HTTP clients. The library provides Ktor HTTP client and Spring WebClient based reference implementations as well as allows for custom implementations using other engines. Jackson and kotlinx-serialization type-safe data models are generated at build time by the provided Gradle and Maven plugins.
diff --git a/src/code/language-support/java-kotlin-android/client/nodes.md b/src/code/language-support/java-kotlin-android/client/nodes.md
index 8e345043c7..e94f5b3194 100644
--- a/src/code/language-support/java-kotlin-android/client/nodes.md
+++ b/src/code/language-support/java-kotlin-android/client/nodes.md
@@ -2,4 +2,7 @@
 name: Nodes
 description: A GraphQL JVM Client designed for constructing queries from standard model definitions. By American Express.
 github: americanexpress/nodes
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/java-kotlin-android/server/graphql-calculator.md b/src/code/language-support/java-kotlin-android/server/graphql-calculator.md
index 48e2b79b14..c8d4d041c5 100644
--- a/src/code/language-support/java-kotlin-android/server/graphql-calculator.md
+++ b/src/code/language-support/java-kotlin-android/server/graphql-calculator.md
@@ -2,6 +2,9 @@
 name: graphql-calculator
 description: A lightweight graphql calculation engine.
 github: graphql-calculator/graphql-calculator
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 GraphQL Calculator is a lightweight graphql calculation engine,
diff --git a/src/code/language-support/java-kotlin-android/server/graphql-java-kickstart.md b/src/code/language-support/java-kotlin-android/server/graphql-java-kickstart.md
index bcae677e63..2d63950ad6 100644
--- a/src/code/language-support/java-kotlin-android/server/graphql-java-kickstart.md
+++ b/src/code/language-support/java-kotlin-android/server/graphql-java-kickstart.md
@@ -3,6 +3,9 @@ name: GraphQL Spring Boot
 description: GraphQL Spring Boot from GraphQL Java Kickstart
 url: https://www.graphql-java-kickstart.com/
 github: graphql-java-kickstart/graphql-spring-boot
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 The GraphQL Spring Boot turns any Spring Boot application into a GraphQL Server
diff --git a/src/code/language-support/java-kotlin-android/server/graphql-java.md b/src/code/language-support/java-kotlin-android/server/graphql-java.md
index fde0c33882..22746a9943 100644
--- a/src/code/language-support/java-kotlin-android/server/graphql-java.md
+++ b/src/code/language-support/java-kotlin-android/server/graphql-java.md
@@ -2,6 +2,9 @@
 name: graphql-java
 description: A Java library for building GraphQL APIs.
 github: graphql-java/graphql-java
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 See the [Getting Started tutorial](https://www.graphql-java.com/tutorials/getting-started-with-spring-boot) on the GraphQL Java website.
diff --git a/src/code/language-support/java-kotlin-android/server/graphql-kotlin.md b/src/code/language-support/java-kotlin-android/server/graphql-kotlin.md
index 5fcb04a3eb..e59f5e7a9d 100644
--- a/src/code/language-support/java-kotlin-android/server/graphql-kotlin.md
+++ b/src/code/language-support/java-kotlin-android/server/graphql-kotlin.md
@@ -2,6 +2,9 @@
 name: graphql-kotlin
 description: A set of libraries for running GraphQL client and server in Kotlin.
 github: ExpediaGroup/graphql-kotlin
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 GraphQL Kotlin follows a code first approach for generating your GraphQL schemas. Given the similarities between Kotlin and GraphQL, such as the ability to define nullable/non-nullable types, a schema can be generated from Kotlin code without any separate schema specification. To create a reactive GraphQL web server add following dependency to your Gradle build file:
diff --git a/src/code/language-support/java-kotlin-android/server/jimmer.md b/src/code/language-support/java-kotlin-android/server/jimmer.md
index 450b21691c..9beb9d3657 100644
--- a/src/code/language-support/java-kotlin-android/server/jimmer.md
+++ b/src/code/language-support/java-kotlin-android/server/jimmer.md
@@ -3,6 +3,9 @@ name: Jimmer
 description: A revolutionary ORM framework for both java and kotlin, it also provides specialized API for rapid development of Spring GraphQL-based applications.
 url: https://babyfish-ct.github.io/jimmer/
 github: babyfish-ct/jimmer
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ## Introduce
diff --git a/src/code/language-support/java-kotlin-android/server/kgraphql.md b/src/code/language-support/java-kotlin-android/server/kgraphql.md
index c664f126c9..6be577302b 100644
--- a/src/code/language-support/java-kotlin-android/server/kgraphql.md
+++ b/src/code/language-support/java-kotlin-android/server/kgraphql.md
@@ -3,6 +3,9 @@ name: KGraphQL
 description: KGraphQL is a Kotlin implementation of GraphQL. It provides a rich DSL to set up the GraphQL schema.
 url: https://kgraphql.io/
 github: aPureBase/KGraphQL
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Here's an example on how to create a simple schema based on a kotlin data class plus a property resolver that gets applied onto your class.
diff --git a/src/code/language-support/java-kotlin-android/server/mp-graphql.md b/src/code/language-support/java-kotlin-android/server/mp-graphql.md
index ddf6faf3da..30a5d04181 100644
--- a/src/code/language-support/java-kotlin-android/server/mp-graphql.md
+++ b/src/code/language-support/java-kotlin-android/server/mp-graphql.md
@@ -2,6 +2,9 @@
 name: MicroProfile GraphQL
 description: MP GraphQL is a code-first specification for building GraphQL applications. It uses annotations and design patterns similar to JAX-RS to enable rapid development.
 github: eclipse/microprofile-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 MicroProfile GraphQL is a GraphQL server and client specification for building GraphQL applications. It's unique
diff --git a/src/code/language-support/java-kotlin-android/server/netflix-dgs.md b/src/code/language-support/java-kotlin-android/server/netflix-dgs.md
index 9eb2dc4fb5..8acc0f3f4b 100644
--- a/src/code/language-support/java-kotlin-android/server/netflix-dgs.md
+++ b/src/code/language-support/java-kotlin-android/server/netflix-dgs.md
@@ -3,6 +3,9 @@ name: Domain Graph Service (DGS) Framework
 description: The DGS Framework (Domain Graph Service) is a GraphQL server framework for Spring Boot, developed by Netflix.
 url: https://netflix.github.io/dgs/
 github: netflix/dgs-framework
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 The DGS Framework (Domain Graph Service) is a GraphQL server framework for Spring Boot, developed by Netflix.
diff --git a/src/code/language-support/java-kotlin-android/server/spring-graphql.md b/src/code/language-support/java-kotlin-android/server/spring-graphql.md
index a239979514..bd9b037449 100644
--- a/src/code/language-support/java-kotlin-android/server/spring-graphql.md
+++ b/src/code/language-support/java-kotlin-android/server/spring-graphql.md
@@ -3,6 +3,9 @@ name: Spring for GraphQL
 description: Spring for GraphQL provides support for Spring applications built on GraphQL Java.
 url: https://spring.io/projects/spring-graphql
 github: spring-projects/spring-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Spring for GraphQL provides support for Spring applications built on
@@ -14,7 +17,7 @@ Spring for GraphQL provides support for Spring applications built on
 
 Features:
 
-- Server handling of GraphQL requests over HTTP, WebSocket, and RSocket.
+- backend handling of GraphQL requests over HTTP, WebSocket, and RSocket.
 - An annotation-based programming model where @Controller components use annotations to declare handler methods with flexible method signatures to fetch the data for specific GraphQL fields. For example:
 
 ```java
@@ -29,7 +32,7 @@ public class GreetingController {
 }
 ```
 
-- Client support for executing GraphQL requests over HTTP, WebSocket, and RSocket.
+- frontend support for executing GraphQL requests over HTTP, WebSocket, and RSocket.
 - Dedicated support for testing GraphQL requests over HTTP, WebSocket, and RSocket, as well as for testing directly against a server.
 
 To get started, check the Spring GraphQL starter on https://start.spring.io and the
diff --git a/src/code/language-support/java-kotlin-android/tools/graphql-java-generator.md b/src/code/language-support/java-kotlin-android/tools/graphql-java-generator.md
index 1fa4e4dc20..4c1883e20d 100644
--- a/src/code/language-support/java-kotlin-android/tools/graphql-java-generator.md
+++ b/src/code/language-support/java-kotlin-android/tools/graphql-java-generator.md
@@ -3,6 +3,9 @@ name: GraphQL Java Generator
 description: GraphQL Java Generator is a tool that generates Java code to speed up development for Client and Server of GraphQL APIs
 url: https://github.com/graphql-java-generator
 github: graphql-java-generator/graphql-gradle-plugin-project
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 - GraphQL Java client: it generates the Java classes that call the GraphQL endpoint, and the POJO that will contain the data returned by the server.
diff --git a/src/code/language-support/javascript/client/apollo-client.md b/src/code/language-support/javascript/client/apollo-client.md
index 3d2a1193b1..6187bd6828 100644
--- a/src/code/language-support/javascript/client/apollo-client.md
+++ b/src/code/language-support/javascript/client/apollo-client.md
@@ -4,4 +4,7 @@ description: A powerful JavaScript GraphQL client, designed to work well with Re
 url: http://apollographql.com/client/
 github: apollographql/apollo-client
 npm: "@apollo/client"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/aws-amplify.md b/src/code/language-support/javascript/client/aws-amplify.md
index cda313166a..33906801ba 100644
--- a/src/code/language-support/javascript/client/aws-amplify.md
+++ b/src/code/language-support/javascript/client/aws-amplify.md
@@ -4,4 +4,7 @@ description: A JavaScript library for application development using cloud servic
 url: https://docs.amplify.aws/
 github: aws-amplify/amplify-js
 npm: "aws-amplify"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/gq-loader.md b/src/code/language-support/javascript/client/gq-loader.md
index 4bc7136356..caf12ad267 100644
--- a/src/code/language-support/javascript/client/gq-loader.md
+++ b/src/code/language-support/javascript/client/gq-loader.md
@@ -3,4 +3,7 @@ name: gq-loader
 description: A simple JavaScript GraphQL client，Let the *.gql file be used as a module through webpack loader.
 github: Houfeng/gq-loader
 npm: "gq-loader"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/gqty.md b/src/code/language-support/javascript/client/gqty.md
index ff09c55474..6e98ece6fd 100644
--- a/src/code/language-support/javascript/client/gqty.md
+++ b/src/code/language-support/javascript/client/gqty.md
@@ -4,6 +4,9 @@ description: The No-GraphQL client for TypeScript.
 url: http://gqty.dev/
 github: gqty-dev/gqty
 npm: "gqty"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 GQty is a query builder, a query fetcher and a cache manager solution all-in-one.
diff --git a/src/code/language-support/javascript/client/grafoo.md b/src/code/language-support/javascript/client/grafoo.md
index 23b30d7971..0002fe7b3a 100644
--- a/src/code/language-support/javascript/client/grafoo.md
+++ b/src/code/language-support/javascript/client/grafoo.md
@@ -3,4 +3,7 @@ name: Grafoo
 description: An all purpose GraphQL client with view layer integrations for multiple frameworks in just 1.6kb.
 github: grafoojs/grafoo
 npm: "@grafoo/core"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphql-box.md b/src/code/language-support/javascript/client/graphql-box.md
index b940bf6c1e..4d1fa90075 100644
--- a/src/code/language-support/javascript/client/graphql-box.md
+++ b/src/code/language-support/javascript/client/graphql-box.md
@@ -3,6 +3,9 @@ name: GraphQLBox client
 description: An extensible GraphQL client with modules for react, caching, request parsing, web workers, websockets and more...
 github: badbatch/graphql-box
 npm: "@graphql-box/client"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 The example below installs and initializes the GraphQLBox client with a persisted cache and debugging enabled.
diff --git a/src/code/language-support/javascript/client/graphql-hooks.md b/src/code/language-support/javascript/client/graphql-hooks.md
index eccfe2c72f..d092f140fc 100644
--- a/src/code/language-support/javascript/client/graphql-hooks.md
+++ b/src/code/language-support/javascript/client/graphql-hooks.md
@@ -3,6 +3,9 @@ name: graphql-hooks
 description: Minimal React hooks-first GraphQL client with a tiny bundle, SSR support and caching
 github: nearform/graphql-hooks
 npm: graphql-hooks
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 - 🥇 First-class hooks API
diff --git a/src/code/language-support/javascript/client/graphql-http.md b/src/code/language-support/javascript/client/graphql-http.md
index 6f57b0a934..713687484d 100644
--- a/src/code/language-support/javascript/client/graphql-http.md
+++ b/src/code/language-support/javascript/client/graphql-http.md
@@ -3,4 +3,7 @@ name: GraphQL-HTTP
 description: Simple, pluggable, zero-dependency, GraphQL over HTTP spec compliant server, client and audit suite.
 github: graphql/graphql-http
 npm: graphql-http
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphql-request.md b/src/code/language-support/javascript/client/graphql-request.md
index 27ae9b4ebe..369247dc38 100644
--- a/src/code/language-support/javascript/client/graphql-request.md
+++ b/src/code/language-support/javascript/client/graphql-request.md
@@ -3,4 +3,7 @@ name: GraphQL Request
 description: A simple and flexible JavaScript GraphQL client that works in all JavaScript environments (the browser, Node.js, and React Native) - basically a lightweight wrapper around `fetch`.
 github: jasonkuhrt/graphql-request
 npm: "graphql-request"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphql-sse.md b/src/code/language-support/javascript/client/graphql-sse.md
index 8c2502d60c..4c3586b6b1 100644
--- a/src/code/language-support/javascript/client/graphql-sse.md
+++ b/src/code/language-support/javascript/client/graphql-sse.md
@@ -3,4 +3,7 @@ name: GraphQL-SSE
 description: Zero-dependency, HTTP/1 safe, simple, GraphQL over Server-Sent Events Protocol server and client.
 github: enisdenjo/graphql-sse
 npm: "graphql-sse"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphql-ts-client.md b/src/code/language-support/javascript/client/graphql-ts-client.md
index 31627bcbf7..4ccc92d69f 100644
--- a/src/code/language-support/javascript/client/graphql-ts-client.md
+++ b/src/code/language-support/javascript/client/graphql-ts-client.md
@@ -3,4 +3,7 @@ name: graphql-ts-client
 description: GraphQL client for TypeScript, automatically infers the type of the returned data according to the strongly typed query request
 github: babyfish-ct/graphql-ts-client
 npm: "graphql-ts-client-api"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphql-ws.md b/src/code/language-support/javascript/client/graphql-ws.md
index 4c6fa1303b..6b149f5cd6 100644
--- a/src/code/language-support/javascript/client/graphql-ws.md
+++ b/src/code/language-support/javascript/client/graphql-ws.md
@@ -3,4 +3,7 @@ name: GraphQL-WS
 description: Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.
 github: enisdenjo/graphql-ws
 npm: "graphql-ws"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/graphqurl.md b/src/code/language-support/javascript/client/graphqurl.md
index ee8eaf7009..74902e1572 100644
--- a/src/code/language-support/javascript/client/graphqurl.md
+++ b/src/code/language-support/javascript/client/graphqurl.md
@@ -3,4 +3,7 @@ name: graphqurl
 description: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
 github: hasura/graphqurl
 npm: "graphqurl"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/lokka.md b/src/code/language-support/javascript/client/lokka.md
index 001c3d4137..c28b6cc6b8 100644
--- a/src/code/language-support/javascript/client/lokka.md
+++ b/src/code/language-support/javascript/client/lokka.md
@@ -3,4 +3,7 @@ name: Lokka
 description: A simple JavaScript GraphQL client that works in all JavaScript environments (the browser, Node.js, and React Native).
 github: kadirahq/lokka
 npm: "lokka"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/nanogql.md b/src/code/language-support/javascript/client/nanogql.md
index 8a8288f147..4e321937f8 100644
--- a/src/code/language-support/javascript/client/nanogql.md
+++ b/src/code/language-support/javascript/client/nanogql.md
@@ -3,4 +3,7 @@ name: nanographql
 description: Tiny GraphQL client library using template strings.
 github: choojs/nanographql
 npm: "nanographql"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/javascript/client/relay.md b/src/code/language-support/javascript/client/relay.md
index 353c12052e..6b382e0f5b 100644
--- a/src/code/language-support/javascript/client/relay.md
+++ b/src/code/language-support/javascript/client/relay.md
@@ -4,6 +4,9 @@ description: Facebook's framework for building React applications that talk to a
 url: https://facebook.github.io/relay/
 github: facebook/relay
 npm: "react-relay"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Relay is a JavaScript framework for building data-driven React applications.
diff --git a/src/code/language-support/javascript/client/urql.md b/src/code/language-support/javascript/client/urql.md
index 801836bea7..3fcec28ade 100644
--- a/src/code/language-support/javascript/client/urql.md
+++ b/src/code/language-support/javascript/client/urql.md
@@ -4,6 +4,9 @@ description: A highly customizable and versatile GraphQL client with which you a
 url: https://formidable.com/open-source/urql/docs/
 github: FormidableLabs/urql
 npm: "@urql/core"
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 `urql` is a GraphQL client that exposes a set of helpers for several frameworks.
diff --git a/src/code/language-support/javascript/server/apollo-server.md b/src/code/language-support/javascript/server/apollo-server.md
index ac951b7f41..5328443d11 100644
--- a/src/code/language-support/javascript/server/apollo-server.md
+++ b/src/code/language-support/javascript/server/apollo-server.md
@@ -4,6 +4,9 @@ description: A GraphQL server from Apollo that works with any Node.js HTTP frame
 url: https://www.apollographql.com/docs/apollo-server/
 github: apollographql/apollo-server
 npm: "@apollo/server"
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a hello world server with Apollo Server:
diff --git a/src/code/language-support/javascript/server/graphql-box.md b/src/code/language-support/javascript/server/graphql-box.md
index 07e4e529c6..45a8c93d6b 100644
--- a/src/code/language-support/javascript/server/graphql-box.md
+++ b/src/code/language-support/javascript/server/graphql-box.md
@@ -3,6 +3,9 @@ name: GraphQLBox server
 description: An extensible GraphQL server with modules for caching, request parsing, debugging, subscriptions and more...
 github: badbatch/graphql-box
 npm: "@graphql-box/server"
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 The example below installs and initializes the GraphQLBox server with a persisted cache and debugging enabled.
diff --git a/src/code/language-support/javascript/server/graphql-http.md b/src/code/language-support/javascript/server/graphql-http.md
index 119f829749..4d5e912e43 100644
--- a/src/code/language-support/javascript/server/graphql-http.md
+++ b/src/code/language-support/javascript/server/graphql-http.md
@@ -3,4 +3,7 @@ name: GraphQL-HTTP
 description: Simple, pluggable, zero-dependency, GraphQL over HTTP spec compliant server, client and audit suite.
 github: graphql/graphql-http
 npm: "graphql-http"
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/javascript/server/graphql-js.md b/src/code/language-support/javascript/server/graphql-js.md
index 43225c9d4f..4e3c0c0a3a 100644
--- a/src/code/language-support/javascript/server/graphql-js.md
+++ b/src/code/language-support/javascript/server/graphql-js.md
@@ -4,6 +4,9 @@ description: The reference implementation of the GraphQL specification, designed
 url: /graphql-js/
 github: graphql/graphql-js
 npm: "graphql"
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a `GraphQL.js` hello world script from the command line:
diff --git a/src/code/language-support/javascript/server/graphql-sse.md b/src/code/language-support/javascript/server/graphql-sse.md
index 8c2502d60c..168d6a1577 100644
--- a/src/code/language-support/javascript/server/graphql-sse.md
+++ b/src/code/language-support/javascript/server/graphql-sse.md
@@ -3,4 +3,7 @@ name: GraphQL-SSE
 description: Zero-dependency, HTTP/1 safe, simple, GraphQL over Server-Sent Events Protocol server and client.
 github: enisdenjo/graphql-sse
 npm: "graphql-sse"
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/javascript/server/graphql-ws.md b/src/code/language-support/javascript/server/graphql-ws.md
index 4c6fa1303b..1b18b0c3b4 100644
--- a/src/code/language-support/javascript/server/graphql-ws.md
+++ b/src/code/language-support/javascript/server/graphql-ws.md
@@ -3,4 +3,7 @@ name: GraphQL-WS
 description: Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.
 github: enisdenjo/graphql-ws
 npm: "graphql-ws"
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/javascript/server/graphql-yoga.md b/src/code/language-support/javascript/server/graphql-yoga.md
index 4bf4269873..288687a74e 100644
--- a/src/code/language-support/javascript/server/graphql-yoga.md
+++ b/src/code/language-support/javascript/server/graphql-yoga.md
@@ -3,6 +3,9 @@ name: graphql-yoga
 description: GraphQL Yoga is a batteries-included cross-platform GraphQL over HTTP spec-compliant GraphQL Server using Envelop and GraphQL Tools.
 github: dotansimha/graphql-yoga
 npm: "graphql-yoga"
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 - Built around the Fetch API `Request` & `Response` objects
diff --git a/src/code/language-support/javascript/server/mercurius.md b/src/code/language-support/javascript/server/mercurius.md
index 4f80d59c0a..4652736df4 100644
--- a/src/code/language-support/javascript/server/mercurius.md
+++ b/src/code/language-support/javascript/server/mercurius.md
@@ -4,6 +4,9 @@ description: Mercurius is a flexible and extendible GraphQL adapter for Fastify,
 url: https://mercurius.dev/
 github: mercurius-js/mercurius
 npm: "mercurius"
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run an hello world script with `mercurius`:
diff --git a/src/code/language-support/javascript/server/pylon.md b/src/code/language-support/javascript/server/pylon.md
index 908cc1c104..c2ccbdd163 100644
--- a/src/code/language-support/javascript/server/pylon.md
+++ b/src/code/language-support/javascript/server/pylon.md
@@ -3,6 +3,9 @@ name: Pylon
 description: A code-first framework for GraphQL API development, where your schema reflects your functionality. Run `npm create pylon@latest` to get started.
 url: https://pylon.cronit.io
 github: getcronit/pylon
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 1. **Create**
diff --git a/src/code/language-support/javascript/tools/brangr.md b/src/code/language-support/javascript/tools/brangr.md
index 48c790e1d7..95ad85be77 100644
--- a/src/code/language-support/javascript/tools/brangr.md
+++ b/src/code/language-support/javascript/tools/brangr.md
@@ -2,6 +2,9 @@
 name: Brangr
 description: Browse Any Graph - A user-friendly viewer for any GraphQL service
 github: networkimprov/brangr
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 **Brangr - *Br*owse *An*y *Gr*aph**
diff --git a/src/code/language-support/javascript/tools/giraphql.md b/src/code/language-support/javascript/tools/giraphql.md
index f4f2c62c8b..3440ae83bf 100644
--- a/src/code/language-support/javascript/tools/giraphql.md
+++ b/src/code/language-support/javascript/tools/giraphql.md
@@ -4,6 +4,9 @@ description: A plugin based schema builder for creating code-first GraphQL schem
 url: https://giraphql.com/
 github: hayes/giraphql
 npm: "@giraphql/core"
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 GiraphQL makes writing type-safe schemas simple, and works without a code generator,
diff --git a/src/code/language-support/javascript/tools/graphiql.md b/src/code/language-support/javascript/tools/graphiql.md
index c253d56842..ae0c73a248 100644
--- a/src/code/language-support/javascript/tools/graphiql.md
+++ b/src/code/language-support/javascript/tools/graphiql.md
@@ -3,4 +3,7 @@ name: GraphiQL
 description: An interactive in-browser GraphQL IDE.
 github: graphql/graphiql
 npm: "graphiql"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-cli.md b/src/code/language-support/javascript/tools/graphql-cli.md
index f5276a1bcd..41b49e136b 100644
--- a/src/code/language-support/javascript/tools/graphql-cli.md
+++ b/src/code/language-support/javascript/tools/graphql-cli.md
@@ -4,4 +4,7 @@ description: A command line tool for common GraphQL development workflows.
 url: https://graphql-cli.com
 github: Urigo/graphql-cli
 npm: "graphql-cli"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-code-generator.md b/src/code/language-support/javascript/tools/graphql-code-generator.md
index 1ba0a96afb..2c415bbad4 100644
--- a/src/code/language-support/javascript/tools/graphql-code-generator.md
+++ b/src/code/language-support/javascript/tools/graphql-code-generator.md
@@ -4,4 +4,7 @@ description: GraphQL code generator with flexible support for custom plugins and
 url: https://graphql-code-generator.com
 github: dotansimha/graphql-code-generator
 npm: "@graphql-codegen/cli"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-config.md b/src/code/language-support/javascript/tools/graphql-config.md
index 05fb937d2c..6458d0e587 100644
--- a/src/code/language-support/javascript/tools/graphql-config.md
+++ b/src/code/language-support/javascript/tools/graphql-config.md
@@ -4,4 +4,7 @@ description: One configuration for all your GraphQL tools (supported by most too
 url: https://graphql-config.com
 github: kamilkisiela/graphql-config
 npm: "graphql-config"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-eslint.md b/src/code/language-support/javascript/tools/graphql-eslint.md
index 6c270048f6..39bd32dd47 100644
--- a/src/code/language-support/javascript/tools/graphql-eslint.md
+++ b/src/code/language-support/javascript/tools/graphql-eslint.md
@@ -3,4 +3,7 @@ name: GraphQL-ESLint
 description: GraphQL-ESLint integrates GraphQL AST in the ESLint core (as a parser).
 github: dimaMachina/graphql-eslint/
 npm: "@graphql-eslint/eslint-plugin"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-http.md b/src/code/language-support/javascript/tools/graphql-http.md
index 119f829749..924a86799a 100644
--- a/src/code/language-support/javascript/tools/graphql-http.md
+++ b/src/code/language-support/javascript/tools/graphql-http.md
@@ -3,4 +3,7 @@ name: GraphQL-HTTP
 description: Simple, pluggable, zero-dependency, GraphQL over HTTP spec compliant server, client and audit suite.
 github: graphql/graphql-http
 npm: "graphql-http"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-inspector.md b/src/code/language-support/javascript/tools/graphql-inspector.md
index 5a0ca86175..943e2515a3 100644
--- a/src/code/language-support/javascript/tools/graphql-inspector.md
+++ b/src/code/language-support/javascript/tools/graphql-inspector.md
@@ -4,4 +4,7 @@ description: Compare schemas, validate documents, find breaking changes, find si
 url: https://graphql-inspector.com/
 github: kamilkisiela/graphql-inspector
 npm: "@graphql-inspector/cli"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-language-service.md b/src/code/language-support/javascript/tools/graphql-language-service.md
index 10c6154038..b405a1589b 100644
--- a/src/code/language-support/javascript/tools/graphql-language-service.md
+++ b/src/code/language-support/javascript/tools/graphql-language-service.md
@@ -3,4 +3,7 @@ name: GraphQL Language Service
 description: An interface for building GraphQL language services for IDEs (diagnostics, autocomplete etc).
 github: graphql/graphql-language-service
 npm: "graphql-language-service"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-live-query.md b/src/code/language-support/javascript/tools/graphql-live-query.md
index e65733a09d..f3c11eabc8 100644
--- a/src/code/language-support/javascript/tools/graphql-live-query.md
+++ b/src/code/language-support/javascript/tools/graphql-live-query.md
@@ -3,4 +3,7 @@ name: GraphQL Live Query
 description: Real-Time with GraphQL for any GraphQL schema or transport.
 github: n1ru4l/graphql-live-query
 npm: "@n1ru4l/graphql-live-query"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-mesh.md b/src/code/language-support/javascript/tools/graphql-mesh.md
index 323b5319be..c02fa06c2e 100644
--- a/src/code/language-support/javascript/tools/graphql-mesh.md
+++ b/src/code/language-support/javascript/tools/graphql-mesh.md
@@ -4,4 +4,7 @@ description: GraphQL Mesh allows you to use GraphQL query language to access dat
 url: https://graphql-mesh.com
 github: Urigo/graphql-mesh
 npm: "@graphql-mesh/cli"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-middleware.md b/src/code/language-support/javascript/tools/graphql-middleware.md
index 4d678b90ac..3e1a20b1fe 100644
--- a/src/code/language-support/javascript/tools/graphql-middleware.md
+++ b/src/code/language-support/javascript/tools/graphql-middleware.md
@@ -3,6 +3,9 @@ name: GraphQL Middleware
 description: Split up your GraphQL resolvers in middleware functions.
 github: maticzav/graphql-middleware
 npm: graphql-middleware
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 GraphQL Middleware is a schema wrapper which allows you to manage additional functionality across multiple resolvers efficiently.
diff --git a/src/code/language-support/javascript/tools/graphql-modules.md b/src/code/language-support/javascript/tools/graphql-modules.md
index d0d6270e44..b2c90c2e31 100644
--- a/src/code/language-support/javascript/tools/graphql-modules.md
+++ b/src/code/language-support/javascript/tools/graphql-modules.md
@@ -4,4 +4,7 @@ description: GraphQL Modules lets you separate your backend implementation to sm
 url: https://graphql-modules.com
 github: Urigo/graphql-modules
 npm: "graphql-modules"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-scalars.md b/src/code/language-support/javascript/tools/graphql-scalars.md
index 1d04567b86..dc49d1413b 100644
--- a/src/code/language-support/javascript/tools/graphql-scalars.md
+++ b/src/code/language-support/javascript/tools/graphql-scalars.md
@@ -3,4 +3,7 @@ name: GraphQL Scalars
 description: A library of custom GraphQL scalar types for creating precise, type-safe GraphQL schemas.
 github: Urigo/graphql-scalars
 npm: "graphql-scalars"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/graphql-shield.md b/src/code/language-support/javascript/tools/graphql-shield.md
index ee89db16b2..606ba176c2 100644
--- a/src/code/language-support/javascript/tools/graphql-shield.md
+++ b/src/code/language-support/javascript/tools/graphql-shield.md
@@ -3,6 +3,9 @@ name: GraphQLShield
 description: A GraphQL tool to ease the creation of permission layer.
 github: maticzav/graphql-shield
 npm: "graphql-shield"
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 GraphQL Shield helps you create a permission layer for your application. Using an intuitive rule-API, you'll gain the power of the shield engine on every request and reduce the load time of every request with smart caching. This way you can make sure your application will remain quick, and no internal data will be exposed.
diff --git a/src/code/language-support/javascript/tools/graphql-tools.md b/src/code/language-support/javascript/tools/graphql-tools.md
index af2e896ec7..f59c74a6e4 100644
--- a/src/code/language-support/javascript/tools/graphql-tools.md
+++ b/src/code/language-support/javascript/tools/graphql-tools.md
@@ -4,4 +4,7 @@ description: A set of utils for faster development of GraphQL tools (Schema and
 url: https://graphql-tools.com
 github: ardatan/graphql-tools
 npm: "graphql-tools"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/microfiber.md b/src/code/language-support/javascript/tools/microfiber.md
index 2e0e1ef897..5132d1d9bc 100644
--- a/src/code/language-support/javascript/tools/microfiber.md
+++ b/src/code/language-support/javascript/tools/microfiber.md
@@ -3,6 +3,9 @@ name: Microfiber
 description: A library to query and manipulate GraphQL Introspection Query results.
 github: anvilco/graphql-introspection-tools
 npm: "microfiber"
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 Microfiber is a JavaScript library that allows:
diff --git a/src/code/language-support/javascript/tools/postgraphile.md b/src/code/language-support/javascript/tools/postgraphile.md
index 2d25254918..20e5fe5ce4 100644
--- a/src/code/language-support/javascript/tools/postgraphile.md
+++ b/src/code/language-support/javascript/tools/postgraphile.md
@@ -4,4 +4,7 @@ description: builds a powerful, extensible and performant GraphQL API from a Pos
 url: https://www.graphile.org/postgraphile
 github: graphile/postgraphile
 npm: "postgraphile"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/sofa.md b/src/code/language-support/javascript/tools/sofa.md
index 4be7ae4ef3..deb8688298 100644
--- a/src/code/language-support/javascript/tools/sofa.md
+++ b/src/code/language-support/javascript/tools/sofa.md
@@ -4,4 +4,7 @@ description: Generate REST API from your GraphQL API.
 url: https://sofa-api.com/
 github: Urigo/SOFA
 npm: "sofa-api"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/language-support/javascript/tools/spectaql.md b/src/code/language-support/javascript/tools/spectaql.md
index a2475ccf0c..ebb29789b2 100644
--- a/src/code/language-support/javascript/tools/spectaql.md
+++ b/src/code/language-support/javascript/tools/spectaql.md
@@ -3,6 +3,9 @@ name: SpectaQL
 description: SpectaQL generates static HTML documentation from a GraphQL schema.
 github: anvilco/spectaql
 npm: "spectaql"
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 SpectaQL is a Node.js library that generates static documentation for a GraphQL schema using a variety of options:
diff --git a/src/code/language-support/julia/client/diana-jl.md b/src/code/language-support/julia/client/diana-jl.md
index e2c418a0a7..b551116334 100644
--- a/src/code/language-support/julia/client/diana-jl.md
+++ b/src/code/language-support/julia/client/diana-jl.md
@@ -2,4 +2,7 @@
 name: Diana.jl
 description: A Julia GraphQL server implementation.
 github: neomatrixcode/Diana.jl
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/julia/client/graphqlclient-jl.md b/src/code/language-support/julia/client/graphqlclient-jl.md
index 3b1027b6ce..6705a83e00 100644
--- a/src/code/language-support/julia/client/graphqlclient-jl.md
+++ b/src/code/language-support/julia/client/graphqlclient-jl.md
@@ -2,6 +2,9 @@
 name: GraphQLClient.jl
 description: A Julia GraphQL client for seamless integration with a GraphQL server
 github: DeloitteDigitalAPAC/GraphQLClient.jl
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 - **Querying**, **mutating** and **subscribing** without manual writing of query strings (unless you want to!)
diff --git a/src/code/language-support/ocaml-reason/server/ocaml-graphql-server.md b/src/code/language-support/ocaml-reason/server/ocaml-graphql-server.md
index 8c3ad6628b..415da69c89 100644
--- a/src/code/language-support/ocaml-reason/server/ocaml-graphql-server.md
+++ b/src/code/language-support/ocaml-reason/server/ocaml-graphql-server.md
@@ -2,4 +2,7 @@
 name: ocaml-graphql-server
 description: GraphQL server library for OCaml and Reason
 github: andreas/ocaml-graphql-server
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/perl/server/graphql-perl.md b/src/code/language-support/perl/server/graphql-perl.md
index 74baad10a7..d8c7323026 100644
--- a/src/code/language-support/perl/server/graphql-perl.md
+++ b/src/code/language-support/perl/server/graphql-perl.md
@@ -2,6 +2,9 @@
 name: graphql-perl
 description: A Perl port of GraphQL reference implementation
 github: graphql-perl/graphql-perl
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 - [MetaCPAN documentation](https://metacpan.org/pod/GraphQL)
diff --git a/src/code/language-support/php/server/api-platform.md b/src/code/language-support/php/server/api-platform.md
index 533db54b6c..2549a6ffd0 100644
--- a/src/code/language-support/php/server/api-platform.md
+++ b/src/code/language-support/php/server/api-platform.md
@@ -3,6 +3,9 @@ name: API Platform
 description: API Platform is a fully-featured, flexible and extensible API framework built on top of Symfony.
 url: https://api-platform.com
 github: api-platform/api-platform
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 The following class is enough to create both a Relay-compatible GraphQL server and a hypermedia API supporting modern REST formats (JSON-LD, JSONAPI...):
diff --git a/src/code/language-support/php/server/gatographql.md b/src/code/language-support/php/server/gatographql.md
index 1fb71135fc..43f905c39f 100644
--- a/src/code/language-support/php/server/gatographql.md
+++ b/src/code/language-support/php/server/gatographql.md
@@ -3,4 +3,7 @@ name: Gato GraphQL
 description: Interact with all your data in WordPress
 url: https://gatographql.com
 github: GatoGraphQL/GatoGraphQL
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/graphpinator.md b/src/code/language-support/php/server/graphpinator.md
index be2ad7948a..b5edb462b2 100644
--- a/src/code/language-support/php/server/graphpinator.md
+++ b/src/code/language-support/php/server/graphpinator.md
@@ -2,6 +2,9 @@
 name: GraPHPinator
 description: A GraphQL implementation for modern PHP. Includes features from latest draft, middleware directives and modules with extra functionality.
 github: infinityloop-dev/graphpinator
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 GraPHPinator is feature complete PHP implementation of GraphQL server. Its job is transformation of query string into resolved Json result for a given Schema.
diff --git a/src/code/language-support/php/server/graphql-attribute-schema.md b/src/code/language-support/php/server/graphql-attribute-schema.md
index f07fe4cfc1..049ebe50bb 100644
--- a/src/code/language-support/php/server/graphql-attribute-schema.md
+++ b/src/code/language-support/php/server/graphql-attribute-schema.md
@@ -3,6 +3,9 @@ name: graphql-attribute-schema
 description: Easily build your GraphQL schema for webonyx/graphql-php using PHP attributes instead of large configuration arrays.
 url: https://jerowork.github.io/graphql-attribute-schema
 github: jerowork/graphql-attribute-schema
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Easily build your GraphQL schema for `webonyx/graphql-php` using PHP attributes instead of large configuration arrays.
diff --git a/src/code/language-support/php/server/graphql-php.md b/src/code/language-support/php/server/graphql-php.md
index 110b7adaca..b4b077df79 100644
--- a/src/code/language-support/php/server/graphql-php.md
+++ b/src/code/language-support/php/server/graphql-php.md
@@ -2,4 +2,7 @@
 name: graphql-php
 description: A PHP port of GraphQL reference implementation
 github: webonyx/graphql-php
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/graphql-relay-php.md b/src/code/language-support/php/server/graphql-relay-php.md
index f9180f9d96..7d504df9ed 100644
--- a/src/code/language-support/php/server/graphql-relay-php.md
+++ b/src/code/language-support/php/server/graphql-relay-php.md
@@ -2,4 +2,7 @@
 name: graphql-relay-php
 description: A library to help construct a graphql-php server supporting react-relay.
 github: ivome/graphql-relay-php
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/graphqlbundle.md b/src/code/language-support/php/server/graphqlbundle.md
index 815c103447..55d33f6e34 100644
--- a/src/code/language-support/php/server/graphqlbundle.md
+++ b/src/code/language-support/php/server/graphqlbundle.md
@@ -2,4 +2,7 @@
 name: GraphQLBundle
 description: A GraphQL server for Symfony
 github: overblog/GraphQLBundle
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/graphqlite.md b/src/code/language-support/php/server/graphqlite.md
index e52d94638b..14a5e64da0 100644
--- a/src/code/language-support/php/server/graphqlite.md
+++ b/src/code/language-support/php/server/graphqlite.md
@@ -3,6 +3,9 @@ name: GraphQLite
 description: GraphQLite is a library that offers an annotations-based syntax for GraphQL schema definition.
 url: https://graphqlite.thecodingmachine.io
 github: thecodingmachine/graphqlite
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 It is framework agnostic with bindings available for Symfony and Laravel.
diff --git a/src/code/language-support/php/server/lighthouse.md b/src/code/language-support/php/server/lighthouse.md
index 4c2918d9cc..822893058d 100644
--- a/src/code/language-support/php/server/lighthouse.md
+++ b/src/code/language-support/php/server/lighthouse.md
@@ -2,4 +2,7 @@
 name: Lighthouse
 description: A GraphQL server for Laravel
 github: nuwave/lighthouse
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/railt.md b/src/code/language-support/php/server/railt.md
index 4cff5b4cce..f348535359 100644
--- a/src/code/language-support/php/server/railt.md
+++ b/src/code/language-support/php/server/railt.md
@@ -2,4 +2,7 @@
 name: Railt
 description: A PHP GraphQL Framework.
 github: railt/railt
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/serge.md b/src/code/language-support/php/server/serge.md
index 109973bd2a..014c2b6b81 100644
--- a/src/code/language-support/php/server/serge.md
+++ b/src/code/language-support/php/server/serge.md
@@ -2,4 +2,7 @@
 name: serge
 description: Use GraphQL to define your Domain Model for CQRS/ES and let serge generate code to handle GraphQL requests.
 github: kepawni/serge
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/php/server/siler.md b/src/code/language-support/php/server/siler.md
index 5abe714068..ab6a6f99f5 100644
--- a/src/code/language-support/php/server/siler.md
+++ b/src/code/language-support/php/server/siler.md
@@ -3,6 +3,9 @@ name: Siler
 description: Siler is a PHP library powered with high-level abstractions to work with GraphQL.
 url: https://siler.leocavalcante.com/graphql/
 github: leocavalcante/siler
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a Siler hello world script:
diff --git a/src/code/language-support/php/server/wpgraphql.md b/src/code/language-support/php/server/wpgraphql.md
index f21fead7e3..50de3ba239 100644
--- a/src/code/language-support/php/server/wpgraphql.md
+++ b/src/code/language-support/php/server/wpgraphql.md
@@ -2,4 +2,7 @@
 name: WPGraphQL
 description: A free, open-source WordPress plugin that provides an extendable GraphQL schema and API for any WordPress site
 github: wp-graphql/wp-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/python/client/ariadne-codegen.md b/src/code/language-support/python/client/ariadne-codegen.md
index 66c5b84c50..b5dbb9ffd1 100644
--- a/src/code/language-support/python/client/ariadne-codegen.md
+++ b/src/code/language-support/python/client/ariadne-codegen.md
@@ -2,6 +2,9 @@
 name: Ariadne Codegen
 description: Generate fully typed Python GraphQL client from any schema and queries.
 github: mirumee/ariadne-codegen
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Install Ariadne Codegen:
diff --git a/src/code/language-support/python/client/gql.md b/src/code/language-support/python/client/gql.md
index cd89499ef8..68c7e2f4b8 100644
--- a/src/code/language-support/python/client/gql.md
+++ b/src/code/language-support/python/client/gql.md
@@ -2,4 +2,7 @@
 name: GQL
 description: A GraphQL client in Python.
 github: graphql-python/gql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/python/client/graphql-query.md b/src/code/language-support/python/client/graphql-query.md
index ddf389f433..61418755c3 100644
--- a/src/code/language-support/python/client/graphql-query.md
+++ b/src/code/language-support/python/client/graphql-query.md
@@ -3,6 +3,9 @@ name: graphql-query
 description: Complete GraphQL query string generation for python.
 url: https://denisart.github.io/graphql-query/
 github: denisart/graphql-query
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 **graphql_query** is complete GraphQL query string builder for python. With **graphql_query**
diff --git a/src/code/language-support/python/client/python-graphql-client.md b/src/code/language-support/python/client/python-graphql-client.md
index eb0c7979ef..92849e5e96 100644
--- a/src/code/language-support/python/client/python-graphql-client.md
+++ b/src/code/language-support/python/client/python-graphql-client.md
@@ -3,4 +3,7 @@ name: python-graphql-client
 description: Simple GraphQL client for Python 2.7+.
 url: https://github.com/prisma/python-graphql-client
 github: prisma-labs/python-graphql-client
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/python/client/ql.md b/src/code/language-support/python/client/ql.md
index 0258220f66..50285179bf 100644
--- a/src/code/language-support/python/client/ql.md
+++ b/src/code/language-support/python/client/ql.md
@@ -3,6 +3,9 @@ name: ql
 description: Non intrusive python GraphQL client wrapped around pydantic.
 url: https://dsal3389.github.io/ql/
 github: dsal3389/ql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 GraphQL client library, wrapped around pydantic classes for type validation,
diff --git a/src/code/language-support/python/client/qlient.md b/src/code/language-support/python/client/qlient.md
index 2a51180331..6935343899 100644
--- a/src/code/language-support/python/client/qlient.md
+++ b/src/code/language-support/python/client/qlient.md
@@ -2,6 +2,9 @@
 name: Qlient
 description: A fast and modern graphql client designed with simplicity in mind.
 github: qlient-org/python-qlient
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Here's an example of a qlient hello world.
diff --git a/src/code/language-support/python/client/sgqlc.md b/src/code/language-support/python/client/sgqlc.md
index f15564301b..de4618b518 100644
--- a/src/code/language-support/python/client/sgqlc.md
+++ b/src/code/language-support/python/client/sgqlc.md
@@ -2,4 +2,7 @@
 name: sgqlc
 description: A simple Python GraphQL client. Supports generating code generation for types defined in a GraphQL schema.
 github: profusion/sgqlc
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/python/server/ariadne.md b/src/code/language-support/python/server/ariadne.md
index 92e9654527..ea7ff5d22a 100644
--- a/src/code/language-support/python/server/ariadne.md
+++ b/src/code/language-support/python/server/ariadne.md
@@ -3,6 +3,10 @@ name: Ariadne
 description: Ariadne is a Python library for implementing GraphQL servers using schema-first approach. It supports both synchronous and asynchronous query execution, ships with batteries included for common GraphQL server problems like query cost validation or performance tracing and has simple API that is easy to extend or replace.
 url: https://ariadnegraphql.org
 github: mirumee/ariadne
+tags:
+  - tools-and-libraries
+  - backend
+  - schema-design
 ---
 
 Ariadne can be installed with pip:
diff --git a/src/code/language-support/python/server/django-graphbox.md b/src/code/language-support/python/server/django-graphbox.md
index 0971f80fea..22101cec51 100644
--- a/src/code/language-support/python/server/django-graphbox.md
+++ b/src/code/language-support/python/server/django-graphbox.md
@@ -3,6 +3,9 @@ name: Django Graphbox
 description: Package for easy building a GraphQL API with basic CRUD operations for Django models.
 url: https://90horasporsemana.com/graphbox/
 github: yefeza/django-graphbox
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 A Quickstart for Django Graphbox:
diff --git a/src/code/language-support/python/server/graphene-django-cruddals.md b/src/code/language-support/python/server/graphene-django-cruddals.md
index 66a34c7071..eab1efa424 100644
--- a/src/code/language-support/python/server/graphene-django-cruddals.md
+++ b/src/code/language-support/python/server/graphene-django-cruddals.md
@@ -3,6 +3,9 @@ name: Graphene Django CRUDDALS
 description: Turn your Django-models into a complete GraphQL API with all CRUD operations
 url: https://graphene-django-cruddals.readthedocs.io/en/latest/
 github: juanjcardona13/graphene_django_cruddals
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 You can install the package with pip
diff --git a/src/code/language-support/python/server/graphene.md b/src/code/language-support/python/server/graphene.md
index 772aaabc70..818abb77eb 100644
--- a/src/code/language-support/python/server/graphene.md
+++ b/src/code/language-support/python/server/graphene.md
@@ -3,6 +3,9 @@ name: Graphene
 description: A Python library for building GraphQL APIs.
 url: http://graphene-python.org/
 github: graphql-python/graphene
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a Graphene hello world script:
diff --git a/src/code/language-support/python/server/strawberry.md b/src/code/language-support/python/server/strawberry.md
index fa3f7e39eb..1f3769330c 100644
--- a/src/code/language-support/python/server/strawberry.md
+++ b/src/code/language-support/python/server/strawberry.md
@@ -3,6 +3,9 @@ name: Strawberry
 description: Strawberry is a Python library for implementing code first GraphQL servers using modern Python features like type hints.
 url: https://strawberry.rocks
 github: strawberry-graphql/strawberry
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 Here's an example of a Strawberry hello world, first install the library:
diff --git a/src/code/language-support/python/server/tartiflette.md b/src/code/language-support/python/server/tartiflette.md
index e01b4a3993..c8c997521c 100644
--- a/src/code/language-support/python/server/tartiflette.md
+++ b/src/code/language-support/python/server/tartiflette.md
@@ -3,6 +3,9 @@ name: Tartiflette
 description: A Python 3.6+ _(asyncio)_ library for building GraphQL APIs.
 url: https://tartiflette.io
 github: tartiflette/tartiflette
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a tartiflette hello world script:
diff --git a/src/code/language-support/r/server/ghql.md b/src/code/language-support/r/server/ghql.md
index c5679f4829..e4e248a2fd 100644
--- a/src/code/language-support/r/server/ghql.md
+++ b/src/code/language-support/r/server/ghql.md
@@ -2,4 +2,7 @@
 name: ghql
 description: General purpose GraphQL R client
 github: ropensci/ghql
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/ruby/server/agoo.md b/src/code/language-support/ruby/server/agoo.md
index 7b02a430a6..d04ffd30b2 100644
--- a/src/code/language-support/ruby/server/agoo.md
+++ b/src/code/language-support/ruby/server/agoo.md
@@ -3,6 +3,9 @@ name: Agoo
 description: A high performance web server with support for GraphQL. Agoo strives for a simple, easy to use API for GraphQL.
 github: ohler55/agoo
 gem: agoo
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```ruby
diff --git a/src/code/language-support/ruby/server/graphql-ruby.md b/src/code/language-support/ruby/server/graphql-ruby.md
index d88eb5bf9b..c8d0a47449 100644
--- a/src/code/language-support/ruby/server/graphql-ruby.md
+++ b/src/code/language-support/ruby/server/graphql-ruby.md
@@ -3,6 +3,9 @@ name: graphql-ruby
 description: A Ruby library for building GraphQL APIs.
 github: rmosolgo/graphql-ruby
 gem: graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 To run a hello world script with `graphql-ruby`:
diff --git a/src/code/language-support/ruby/server/rails-graphql.md b/src/code/language-support/ruby/server/rails-graphql.md
index 6adebdf042..5ca526c3c0 100644
--- a/src/code/language-support/ruby/server/rails-graphql.md
+++ b/src/code/language-support/ruby/server/rails-graphql.md
@@ -4,6 +4,9 @@ description: A Fresh new GraphQL server for Rails applications, with a focus on
 url: https://www.rails-graphql.dev/
 github: virtualshield/rails-graphql
 gem: rails-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```ruby
diff --git a/src/code/language-support/rust/client/cynic.md b/src/code/language-support/rust/client/cynic.md
index f1680b6945..543d310f4d 100644
--- a/src/code/language-support/rust/client/cynic.md
+++ b/src/code/language-support/rust/client/cynic.md
@@ -3,6 +3,9 @@ name: cynic
 description: A bring your own types GraphQL client for Rust
 url: https://cynic-rs.dev
 github: obmarg/cynic
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 A client library for rust that generates queries from types you provide,
diff --git a/src/code/language-support/rust/client/gql_client.md b/src/code/language-support/rust/client/gql_client.md
index f0bcc85a34..35614ea004 100644
--- a/src/code/language-support/rust/client/gql_client.md
+++ b/src/code/language-support/rust/client/gql_client.md
@@ -2,6 +2,9 @@
 name: gql_client
 description: Minimal GraphQL client for Rust
 github: arthurkhlghatyan/gql-client-rs
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 Usage example
diff --git a/src/code/language-support/rust/server/async-graphql.md b/src/code/language-support/rust/server/async-graphql.md
index 655bbfe34f..8072cbe61f 100644
--- a/src/code/language-support/rust/server/async-graphql.md
+++ b/src/code/language-support/rust/server/async-graphql.md
@@ -2,6 +2,9 @@
 name: Async-graphql
 description: Async-graphql is a high-performance server-side library that supports all GraphQL specifications.
 github: async-graphql/async-graphql
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 ```rust
diff --git a/src/code/language-support/rust/server/graphql-rust-juniper.md b/src/code/language-support/rust/server/graphql-rust-juniper.md
index 8e68bd9bea..fa356e1573 100644
--- a/src/code/language-support/rust/server/graphql-rust-juniper.md
+++ b/src/code/language-support/rust/server/graphql-rust-juniper.md
@@ -2,4 +2,7 @@
 name: graphql-rust/juniper
 description: GraphQL server library for Rust
 github: graphql-rust/juniper
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/scala/client/caliban.md b/src/code/language-support/scala/client/caliban.md
index 4ad957d629..32e11d9b8d 100644
--- a/src/code/language-support/scala/client/caliban.md
+++ b/src/code/language-support/scala/client/caliban.md
@@ -3,6 +3,9 @@ name: Caliban
 description: Caliban is a functional library for building GraphQL servers and clients in Scala. It offers with client code generation and type-safe queries.
 url: https://ghostdogpr.github.io/caliban/
 github: ghostdogpr/caliban
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 An example of defining a GraphQL query and running it with `caliban`:
diff --git a/src/code/language-support/scala/server/caliban.md b/src/code/language-support/scala/server/caliban.md
index 404ccfb6c5..93a3659390 100644
--- a/src/code/language-support/scala/server/caliban.md
+++ b/src/code/language-support/scala/server/caliban.md
@@ -3,6 +3,9 @@ name: Caliban
 description: Caliban is a functional library for building GraphQL servers and clients in Scala. It offers minimal boilerplate and excellent interoperability.
 url: https://ghostdogpr.github.io/caliban/
 github: ghostdogpr/caliban
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 An example of a simple GraphQL schema and query with `caliban`:
diff --git a/src/code/language-support/scala/server/sangria.md b/src/code/language-support/scala/server/sangria.md
index 63a94527a9..b0f20d33f2 100644
--- a/src/code/language-support/scala/server/sangria.md
+++ b/src/code/language-support/scala/server/sangria.md
@@ -3,6 +3,9 @@ name: Sangria
 description: A Scala GraphQL library that supports [Relay](https://facebook.github.io/relay/).
 url: https://sangria-graphql.github.io/
 github: sangria-graphql/sangria
+tags:
+  - tools-and-libraries
+  - backend
 ---
 
 An example of a hello world GraphQL schema and query with `sangria`:
diff --git a/src/code/language-support/swift-objective-c-ios/client/apollo-ios.md b/src/code/language-support/swift-objective-c-ios/client/apollo-ios.md
index c000c73537..bb259a12d3 100644
--- a/src/code/language-support/swift-objective-c-ios/client/apollo-ios.md
+++ b/src/code/language-support/swift-objective-c-ios/client/apollo-ios.md
@@ -3,4 +3,7 @@ name: Apollo iOS
 description: A GraphQL client for iOS that returns results as query-specific Swift types, and integrates with Xcode to show your Swift source and GraphQL side by side, with inline validation errors.
 url: https://www.apollographql.com/docs/ios/
 github: apollographql/apollo-ios
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/swift-objective-c-ios/client/graphaello.md b/src/code/language-support/swift-objective-c-ios/client/graphaello.md
index 63215a428e..4900991c29 100644
--- a/src/code/language-support/swift-objective-c-ios/client/graphaello.md
+++ b/src/code/language-support/swift-objective-c-ios/client/graphaello.md
@@ -2,4 +2,7 @@
 name: Graphaello
 description: A Tool for Writing Declarative, Type-Safe and Data-Driven Applications in SwiftUI using GraphQL and Apollo
 github: nerdsupremacist/Graphaello
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/swift-objective-c-ios/client/graphql-ios.md b/src/code/language-support/swift-objective-c-ios/client/graphql-ios.md
index eae2fa2b4e..3423ff865f 100644
--- a/src/code/language-support/swift-objective-c-ios/client/graphql-ios.md
+++ b/src/code/language-support/swift-objective-c-ios/client/graphql-ios.md
@@ -2,4 +2,7 @@
 name: GraphQL iOS
 description: An Objective-C GraphQL client for iOS.
 github: funcompany/graphql-ios
+tags:
+  - tools-and-libraries
+  - frontend
 ---
diff --git a/src/code/language-support/swift-objective-c-ios/client/swift-graphql.md b/src/code/language-support/swift-objective-c-ios/client/swift-graphql.md
index 9154277cf6..76bee36579 100644
--- a/src/code/language-support/swift-objective-c-ios/client/swift-graphql.md
+++ b/src/code/language-support/swift-objective-c-ios/client/swift-graphql.md
@@ -2,6 +2,9 @@
 name: SwiftGraphQL
 description: A GraphQL client that lets you forget about GraphQL.
 github: maticzav/swift-graphql
+tags:
+  - tools-and-libraries
+  - frontend
 ---
 
 SwiftGraphQL is a Swift code generator and a lightweight GraphQL client. It lets you create queries using Swift, and guarantees that every query you create is valid.
diff --git a/src/code/language-support/swift-objective-c-ios/server/graphiti.md b/src/code/language-support/swift-objective-c-ios/server/graphiti.md
index 870bf9c189..7a9f72ba25 100644
--- a/src/code/language-support/swift-objective-c-ios/server/graphiti.md
+++ b/src/code/language-support/swift-objective-c-ios/server/graphiti.md
@@ -2,4 +2,7 @@
 name: Graphiti
 description: Swift library for building GraphQL schemas/types fast, safely and easily.
 github: GraphQLSwift/Graphiti
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/language-support/swift-objective-c-ios/server/graphzahl.md b/src/code/language-support/swift-objective-c-ios/server/graphzahl.md
index 98b2078d72..7429006ba2 100644
--- a/src/code/language-support/swift-objective-c-ios/server/graphzahl.md
+++ b/src/code/language-support/swift-objective-c-ios/server/graphzahl.md
@@ -2,4 +2,7 @@
 name: GraphZahl
 description: Swift library for writing Declarative, Type-Safe GraphQL APIs with Zero Boilerplate.
 github: nerdsupremacist/GraphZahl
+tags:
+  - tools-and-libraries
+  - backend
 ---
diff --git a/src/code/services/altair.md b/src/code/services/altair.md
index ff359cc4c4..c152182b52 100644
--- a/src/code/services/altair.md
+++ b/src/code/services/altair.md
@@ -3,4 +3,7 @@ name: Altair
 description: An alternative to Postman that supports editing GraphQL queries directly and autoload your GraphQL schema.
 url: https://altair.sirmuel.design/
 github: altair-graphql/altair
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/apideck.md b/src/code/services/apideck.md
index 034483f787..e494cee1f9 100644
--- a/src/code/services/apideck.md
+++ b/src/code/services/apideck.md
@@ -2,4 +2,8 @@
 name: Apideck
 description: A GraphQL API to query and mutate data across APIs like Salesforce, HubSpot, Microsoft Dynamics, Pipedrive, and many more.
 url: https://www.apideck.com/products/graphql/
+tags:
+  - tools-and-libraries
+  - tools
+  - developer-experience
 ---
diff --git a/src/code/services/apisix.md b/src/code/services/apisix.md
index 4f8fc4ecdd..42dfd09797 100644
--- a/src/code/services/apisix.md
+++ b/src/code/services/apisix.md
@@ -3,4 +3,8 @@ name: Apache APISIX
 description: Apache APISIX is a dynamic, real-time, high-performance API gateway providing rich traffic management features such as load balancing, dynamic upstream, canary release, observability, etc. As a cloud-native API gateway, Apache APISIX already can support GraphQL syntax at the beginning of its design. Efficiently matching GraphQL statements carried in requests can filter out abnormal traffic to further ensure security. For more information, please visit [How to Use GraphQL with API Gateway Apache APISIX](https://apisix.apache.org/blog/2022/03/02/apisix-integration-graphql-plugin/)
 url: https://apisix.apache.org/
 github: apache/apisix
+tags:
+  - tools-and-libraries
+  - tools
+  - monitoring
 ---
diff --git a/src/code/services/apollo-studio.md b/src/code/services/apollo-studio.md
index 5807a1f694..6314516fc3 100644
--- a/src/code/services/apollo-studio.md
+++ b/src/code/services/apollo-studio.md
@@ -3,4 +3,8 @@ name: Apollo Studio
 description: A cloud service that helps you build, validate, monitor and secure your organizations data graph.
 url: https://www.apollographql.com/docs/studio/
 github: apollographql/apollo-studio-community
+tags:
+  - tools-and-libraries
+  - tools
+  - monitoring
 ---
diff --git a/src/code/services/aws-appsync.md b/src/code/services/aws-appsync.md
index c489d392a9..2d78b98937 100644
--- a/src/code/services/aws-appsync.md
+++ b/src/code/services/aws-appsync.md
@@ -2,4 +2,9 @@
 name: AWS AppSync
 description: Fully managed GraphQL service with realtime subscriptions, offline programming & synchronization, and enterprise security features as well as fine grained authorization controls.
 url: https://aws.amazon.com/appsync/
+tags:
+  - tools-and-libraries
+  - tools
+  - security
+  - ai
 ---
diff --git a/src/code/services/back4app.md b/src/code/services/back4app.md
index da93824784..49cefff137 100644
--- a/src/code/services/back4app.md
+++ b/src/code/services/back4app.md
@@ -2,4 +2,8 @@
 name: Back4App
 description: Fully managed GraphQL backend based on open source Parse Platform. Store and query relational data, run cloud functions and more over GraphQL API. Free to get started.
 url: https://www.back4app.com/docs/parse-graphql/graphql-getting-started
+tags:
+  - tools-and-libraries
+  - tools
+  - api-platform-and-gateways
 ---
diff --git a/src/code/services/bananacakepop.md b/src/code/services/bananacakepop.md
index 4efdc494fe..5208981c80 100644
--- a/src/code/services/bananacakepop.md
+++ b/src/code/services/bananacakepop.md
@@ -3,4 +3,7 @@ name: Banana Cake Pop
 description: A feature-rich GraphQL IDE by [ChilliCream](https://chillicream.com) that let's you explore, manage, and test your GraphQL APIs. Check it out [here](https://bananacakepop.com).
 url: https://bananacakepop.com
 github: ChilliCream/hotchocolate
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/dgraph.md b/src/code/services/dgraph.md
index 3db97cd6be..5b86138c4c 100644
--- a/src/code/services/dgraph.md
+++ b/src/code/services/dgraph.md
@@ -3,6 +3,9 @@ name: Dgraph
 description: Dgraph is a native GraphQL database with a graph backend. This means Dgraph is not an interface on top of an existing database like Postgres but is actually designed from the ground-up for GraphQL. It is optimized for speed and performance, depending on multiple computer science breakthroughs to get the best result. Dgraph Cloud is a fully managed GraphQL backend service that lets you iterate faster, without worrying about your infrastructure.
 url: https://dgraph.io/graphql
 github: dgraph-io/dgraph
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 Install Steps if running locally on linux not on Dgraph Cloud:
diff --git a/src/code/services/elide.md b/src/code/services/elide.md
index 1dcb448fb3..4b0b2b2c13 100644
--- a/src/code/services/elide.md
+++ b/src/code/services/elide.md
@@ -3,4 +3,7 @@ name: Elide
 description: A Java library that can expose a JPA annotated data model as a GraphQL service over any relational database.
 url: https://elide.io
 github: yahoo/elide
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/escape.md b/src/code/services/escape.md
index e9bf0b6f50..b8d722443d 100644
--- a/src/code/services/escape.md
+++ b/src/code/services/escape.md
@@ -2,4 +2,7 @@
 name: Escape – GraphQL Security
 description: Live GraphQL Security & Compliance. Ensure your GraphQL endpoints are production-ready. During development. Without needed configuration. Supports every language and framework. Free to get started.
 url: https://escape.tech/
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/faunadb.md b/src/code/services/faunadb.md
index f966250dd3..7d25265d6d 100644
--- a/src/code/services/faunadb.md
+++ b/src/code/services/faunadb.md
@@ -2,4 +2,7 @@
 name: FaunaDB
 description: Create an instant GraphQL backend by importing a gql schema. The database will create relations and indexes for you, so you'll be ready to query in seconds, without writing any database code. Serverless pricing, free to get started.
 url: https://docs.fauna.com/fauna/current/graphql
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/flotiq.md b/src/code/services/flotiq.md
index 5bfaf0a024..0a3238e1fb 100644
--- a/src/code/services/flotiq.md
+++ b/src/code/services/flotiq.md
@@ -2,4 +2,7 @@
 name: Flotiq
 description: Headless CMS that pairs a modern content editing experience with robust content personalisation and scheduling capabilities. It delivers your content through a blazing-fast, API-first delivery using GraphQL and REST endpoints.
 url: https://flotiq.com
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/grafbase.md b/src/code/services/grafbase.md
index 2444f91ad7..1a35098acb 100644
--- a/src/code/services/grafbase.md
+++ b/src/code/services/grafbase.md
@@ -2,4 +2,7 @@
 name: Grafbase
 description: Grafbase provides secure self-hosted deployment options for GraphQL Federation, unmatched query speed, advanced governance, and unified data access for reliable, enterprise-grade API management. Learn more about scaling GraphQL Federation with [Grafbase](https://grafbase.com).
 url: https://grafbase.com
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/graphapi.md b/src/code/services/graphapi.md
index eb469660f0..fa6791987f 100644
--- a/src/code/services/graphapi.md
+++ b/src/code/services/graphapi.md
@@ -3,4 +3,7 @@ name: graphapi®
 description: graphapi® is a secure low-code GraphQL-as-a-service platform. Based on the input data model, it auto-generates the GraphQL schema, all resolvers, and the database stack. Additionally, it provides a user interface allowing teams to manage their data. For more information, go to https://graphapi.com.
 url: https://graphapi.com/docs
 github: graphapi-io/resources
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/graphql.security.md b/src/code/services/graphql.security.md
index 9f745d97ad..d8941e94b1 100644
--- a/src/code/services/graphql.security.md
+++ b/src/code/services/graphql.security.md
@@ -2,4 +2,7 @@
 name: GraphQL.Security
 description: Fast and free security scan to run a dozen of tests on a GraphQL endpoint. No login is required.
 url: https://graphql.security/
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/hasura.md b/src/code/services/hasura.md
index 56e9fd0d91..8ffef04c57 100644
--- a/src/code/services/hasura.md
+++ b/src/code/services/hasura.md
@@ -3,4 +3,7 @@ name: Hasura
 description: Hasura connects to your databases & microservices and instantly gives you a production-ready GraphQL API.
 url: https://hasura.io
 github: hasura/graphql-engine
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/hive.md b/src/code/services/hive.md
index 1841523ddb..29bd3df450 100644
--- a/src/code/services/hive.md
+++ b/src/code/services/hive.md
@@ -3,4 +3,8 @@ name: Hive
 description: Hive is a fully open-source schema registry, analytics and gateway for GraphQL federation and other GraphQL APIs.
 url: https://the-guild.dev/graphql/hive
 github: graphql-hive/platform
+tags:
+  - tools-and-libraries
+  - tools
+  - monitoring
 ---
diff --git a/src/code/services/hygraph.md b/src/code/services/hygraph.md
index 09c79e592d..390d9b20ae 100644
--- a/src/code/services/hygraph.md
+++ b/src/code/services/hygraph.md
@@ -2,4 +2,7 @@
 name: Hygraph
 description: Hygraph is the federated content platform that allows true composability of your stack. Integrate all your services with a unique content federation approach and distribute content from anywhere - to anywhere using a single, powerful GraphQL API.
 url: https://hygraph.com/
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/insomnia.md b/src/code/services/insomnia.md
index e0456997df..fef3206a47 100644
--- a/src/code/services/insomnia.md
+++ b/src/code/services/insomnia.md
@@ -3,4 +3,7 @@ name: Insomnia
 description: Insomnia is an open-source, cross-platform API Client for GraphQL, REST, and gRPC. Insomnia combines an easy-to-use interface with advanced functionality like authentication helpers, code generation, and environment variables.
 url: https://docs.insomnia.rest/insomnia/graphql-queries
 github: Kong/insomnia
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/lexascms.md b/src/code/services/lexascms.md
index 401ac753e8..0d27b10033 100644
--- a/src/code/services/lexascms.md
+++ b/src/code/services/lexascms.md
@@ -2,4 +2,7 @@
 name: LexasCMS
 description: A headless CMS (Content Management System) that combines powerful content personalisation and scheduling capabilities with a modern content editing experience and a blazing fast GraphQL/REST content delivery API.
 url: https://www.lexascms.com
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/moesif-api-analytics.md b/src/code/services/moesif-api-analytics.md
index 267efe4a0d..835c8589f9 100644
--- a/src/code/services/moesif-api-analytics.md
+++ b/src/code/services/moesif-api-analytics.md
@@ -2,4 +2,8 @@
 name: Moesif API Analytics
 description: A GraphQL analaytics and monitoring Service to find functional and performance issues.
 url: https://www.moesif.com/features/graphql-analytics
+tags:
+  - tools-and-libraries
+  - tools
+  - monitoring
 ---
diff --git a/src/code/services/postman.md b/src/code/services/postman.md
index acd8f09b6c..cab9c33627 100644
--- a/src/code/services/postman.md
+++ b/src/code/services/postman.md
@@ -3,4 +3,7 @@ name: Postman
 description: A robust multi-protocol API client with features like API scripting, automation, collaborative workspaces, and comprehensive support for testing and developing GraphQL APIs.
 url: https://www.postman.com/product/graphql-client/
 github: postmanlabs/postman-app-support
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/stepzen.md b/src/code/services/stepzen.md
index c5eebe3de1..2d0eca3d50 100644
--- a/src/code/services/stepzen.md
+++ b/src/code/services/stepzen.md
@@ -3,4 +3,7 @@ name: StepZen
 description: Create a serverless GraphQL API based on your data sources (REST & Databases), Third-Party APIs, or any combination. Instead of writing a GraphQL server yourself, you can define everything declaratively by writing GraphQL schemas. For more information, go to https://www.stepzen.com/.
 url: https://stepzen.com/docs/
 github: stepzen-dev/examples
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/tyk.md b/src/code/services/tyk.md
index a00e8e23a0..750bab2035 100644
--- a/src/code/services/tyk.md
+++ b/src/code/services/tyk.md
@@ -3,4 +3,7 @@ name: Tyk
 description: Tyk is a lightweight Open Source API Management Gateway that has built a Full API Life-Cycle Management around GraphQL with its own GraphQL engine that is written in Golang. Tyk supports schema stitching of multiple GraphQL and/or REST APIs through [Universal Data Graph (UDG)](https://tyk.io/docs/universal-data-graph/) as well as [GraphQL Federation](https://tyk.io/docs/getting-started/key-concepts/graphql-federation/) and [GraphQL Subscription](https://tyk.io/docs/getting-started/key-concepts/graphql-subscriptions/).
 url: https://tyk.io/
 github: TykTechnologies/tyk
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/typetta.md b/src/code/services/typetta.md
index 1458357009..24329c8e65 100644
--- a/src/code/services/typetta.md
+++ b/src/code/services/typetta.md
@@ -4,4 +4,7 @@ description: Typetta is an open-source ORM written in TypeScript that aims to al
 url: https://twinlogix.github.io/typetta/
 github: twinlogix/typetta
 npm: "@twinlogix/typetta"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/services/webiny.md b/src/code/services/webiny.md
index f665b145d2..3c15936a04 100644
--- a/src/code/services/webiny.md
+++ b/src/code/services/webiny.md
@@ -3,4 +3,7 @@ name: Webiny
 description: Webiny allows you to quickly build GraphQL APIs on top of AWS Lambda and DynamoDB with built-in scaffolds. Webiny also includes a ready-made headless GraphQL CMS for a no-code experience.
 url: https://www.webiny.com
 github: webiny/webiny-js
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/tools/apollo/gateways-supergraphs/apollo-router.md b/src/code/tools/apollo/gateways-supergraphs/apollo-router.md
index 673799714a..7a9ba9c480 100644
--- a/src/code/tools/apollo/gateways-supergraphs/apollo-router.md
+++ b/src/code/tools/apollo/gateways-supergraphs/apollo-router.md
@@ -3,6 +3,10 @@ name: Apollo Router
 description: A configurable, high-performance routing runtime for Apollo Federation
 url: https://www.apollographql.com/
 github: apollographql/router
+tags:
+  - tools-and-libraries
+  - tools
+  - federation
 ---
 
 # Apollo Router Core
diff --git a/src/code/tools/gqt/general/gqt.md b/src/code/tools/gqt/general/gqt.md
index b5f9872827..d3e5a32bbd 100644
--- a/src/code/tools/gqt/general/gqt.md
+++ b/src/code/tools/gqt/general/gqt.md
@@ -2,6 +2,9 @@
 name: gqt
 description: Build and execute GraphQL queries in the terminal.
 github: eerimoq/gqt
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 Run `gqt` against your GraphQL endpoint. Build your query in an
diff --git a/src/code/tools/graphql-armor/general/graphql-armor.md b/src/code/tools/graphql-armor/general/graphql-armor.md
index 2075a67136..68ef9956ff 100644
--- a/src/code/tools/graphql-armor/general/graphql-armor.md
+++ b/src/code/tools/graphql-armor/general/graphql-armor.md
@@ -3,4 +3,7 @@ name: GraphQL Armor
 description: The missing GraphQL security layer for Apollo GraphQL and Yoga / Envelop servers.
 github: Escape-Technologies/graphql-armor
 npm: "@Escape-Technologies/graphql-armor"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/tools/graphql-code-generator/general/graphql-code-generator.md b/src/code/tools/graphql-code-generator/general/graphql-code-generator.md
index 1ba0a96afb..2c415bbad4 100644
--- a/src/code/tools/graphql-code-generator/general/graphql-code-generator.md
+++ b/src/code/tools/graphql-code-generator/general/graphql-code-generator.md
@@ -4,4 +4,7 @@ description: GraphQL code generator with flexible support for custom plugins and
 url: https://graphql-code-generator.com
 github: dotansimha/graphql-code-generator
 npm: "@graphql-codegen/cli"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/tools/graphql-protect/general/graphql-protect.md b/src/code/tools/graphql-protect/general/graphql-protect.md
index d31f77e2db..e4f32b029c 100644
--- a/src/code/tools/graphql-protect/general/graphql-protect.md
+++ b/src/code/tools/graphql-protect/general/graphql-protect.md
@@ -1,8 +1,10 @@
 ---
 name: GraphQL Protect
 description: GraphQL Protect is a GraphQL Protect is dead-simple yet highly customizable security proxy compatible with any HTTP GraphQL Server or Gateway.
-#url: https://github.com/ldebruijn/graphql-protect/
 github: ldebruijn/graphql-protect
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 [GraphQL Protect](https://github.com/ldebruijn/graphql-protect) helps you protect your GraphQL API against abuse by providing a large number of plug-and-play protection mechanism with sane defaults, while still allowing you complete customizability.
diff --git a/src/code/tools/hive/gateways-supergraphs/hive.md b/src/code/tools/hive/gateways-supergraphs/hive.md
index af42b94f1e..dc11cba76a 100644
--- a/src/code/tools/hive/gateways-supergraphs/hive.md
+++ b/src/code/tools/hive/gateways-supergraphs/hive.md
@@ -3,6 +3,9 @@ name: Hive Gateway
 description: Hive Gateway can act as a GraphQL federation gateway or a proxy for any GraphQL service.
 url: https://the-guild.dev/graphql/hive
 github: graphql-hive/gateway
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 [Hive Gateway](https://the-guild.dev/graphql/hive/docs/gateway) is a fully open-source, MIT-licensed GraphQL router that can act as a [GraphQL Federation](https://the-guild.dev/graphql/hive/federation) gateway, a subgraph or a proxy gateway for any GraphQL API service.
diff --git a/src/code/tools/microcks/general/microcks.md b/src/code/tools/microcks/general/microcks.md
index 20a3e02907..9ad15fa3fd 100644
--- a/src/code/tools/microcks/general/microcks.md
+++ b/src/code/tools/microcks/general/microcks.md
@@ -3,6 +3,9 @@ name: Microcks
 description: Open source Kubernetes-native tool for API Mocking and Testing
 url: https://microcks.io
 github: microcks/microcks
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 Microcks is a platform for turning your API and microservices assets - _GraphQL schemas_, _OpenAPI specs_, _AsyncAPI specs_, _gRPC protobuf_, _Postman collections_, _SoapUI projects_\_ - into live simulations in seconds.
diff --git a/src/code/tools/quicktype/general/quicktype.md b/src/code/tools/quicktype/general/quicktype.md
index 14314b3cae..06afabb73a 100644
--- a/src/code/tools/quicktype/general/quicktype.md
+++ b/src/code/tools/quicktype/general/quicktype.md
@@ -4,4 +4,7 @@ description: Generate types for GraphQL queries in TypeScript, Swift, golang, C#
 url: https://quicktype.io/
 github: glideapps/quicktype
 npm: "quicktype"
+tags:
+  - tools-and-libraries
+  - tools
 ---
diff --git a/src/code/tools/schemathesis/general/schemathesis.md b/src/code/tools/schemathesis/general/schemathesis.md
index da8096309c..8e9015381b 100644
--- a/src/code/tools/schemathesis/general/schemathesis.md
+++ b/src/code/tools/schemathesis/general/schemathesis.md
@@ -2,6 +2,9 @@
 name: Schemathesis
 description: A modern API testing tool for web applications built with Open API and GraphQL specifications.
 github: schemathesis/schemathesis
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 Run Schemathesis via Docker against your GraphQL endpoint:
diff --git a/src/code/tools/wundergraph/gateways-supergraphs/wundergraph.md b/src/code/tools/wundergraph/gateways-supergraphs/wundergraph.md
index a06fe9a0ab..09422caa04 100644
--- a/src/code/tools/wundergraph/gateways-supergraphs/wundergraph.md
+++ b/src/code/tools/wundergraph/gateways-supergraphs/wundergraph.md
@@ -3,6 +3,9 @@ name: Wundergraph Cosmo
 description: The open-source solution to building, maintaining, and collaborating on GraphQL Federation at Scale. The alternative to Apollo Studio and GraphOS.
 url: https://wundergraph.com/
 github: wundergraph/cosmo
+tags:
+  - tools-and-libraries
+  - tools
 ---
 
 [WunderGraph](https://wundergraph.com) composes all your APIs into a single unified GraphQL API and
diff --git a/src/components/blog-page/blog-tag-colors.tsx b/src/components/blog-page/blog-tag-colors.tsx
index 0a69f779d6..aaca88fcb4 100644
--- a/src/components/blog-page/blog-tag-colors.tsx
+++ b/src/components/blog-page/blog-tag-colors.tsx
@@ -6,4 +6,5 @@ export const blogTagColors: Record<string, string> = {
   spec: "#00C6AC",
   grants: "#84BD01",
   "in-the-news": "#3F3A3D",
+  "developer-experience": "#6fc9af",
 }
diff --git a/src/components/blog-page/blog-tags.tsx b/src/components/blog-page/blog-tags.tsx
index 6c1a509535..618aa8282f 100644
--- a/src/components/blog-page/blog-tags.tsx
+++ b/src/components/blog-page/blog-tags.tsx
@@ -35,7 +35,7 @@ export function BlogTags({
             key={tag}
             // yes, the page lives under /tags, not /blog/tags
             href={`/tags/${tag}`}
-            className="-m-1 flex p-1 ring-inset ring-neu-400 transition-opacity duration-75 hover:ring focus:!outline-offset-0 dark:ring-neu-50 [:has(>:hover)>&:not(:hover)]:opacity-70"
+            className="gql-focus-visible -m-1 flex p-1 ring-inset ring-neu-400 transition-opacity duration-75 hover:ring focus:!outline-offset-0 dark:ring-neu-50 [:has(>:hover)>&:not(:hover)]:opacity-70"
           >
             {tagElement}
           </NextLink>
diff --git a/src/components/blog-page/featured-blog-posts.tsx b/src/components/blog-page/featured-blog-posts.tsx
index fc6c7f08cc..d017dfd39b 100644
--- a/src/components/blog-page/featured-blog-posts.tsx
+++ b/src/components/blog-page/featured-blog-posts.tsx
@@ -47,7 +47,7 @@ export function FeaturedBlogPosts({
               byline={firstFeatured.frontMatter.byline}
               date={firstFeatured.frontMatter.date}
             />
-            <BlogCardArrow className="border border-neu-300 p-4 dark:border-neu-50" />
+            <BlogCardArrow className="border border-neu-300 p-4 dark:border-neu-100" />
           </footer>
         </div>
       </NextLink>
diff --git a/src/components/blog-page/index.tsx b/src/components/blog-page/index.tsx
index 0d597d3b7e..4f11d56fe2 100644
--- a/src/components/blog-page/index.tsx
+++ b/src/components/blog-page/index.tsx
@@ -5,9 +5,10 @@ import { Tag } from "@/app/conf/_design-system/tag"
 import { arrowsMoveSideways } from "@/app/conf/_design-system/utils/arrows-move-sideways"
 import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
 
+import { LookingForMore } from "@/components/looking-for-more"
+
 import { blogTagColors } from "./blog-tag-colors"
 import { BlogCard } from "./blog-card"
-import { LookingForMore } from "./looking-for-more"
 import { BlogMdxContent } from "./mdx-types"
 import { FeaturedBlogPosts } from "./featured-blog-posts"
 
@@ -51,14 +52,14 @@ export function BlogPage({
       </div>
 
       <div className="gql-container">
-        <div className="gql-section max-sm:pt-0">
+        <div className="gql-section max-sm:px-2 max-sm:pt-0">
           <section className="flex justify-between gap-2 max-sm:flex-col sm:items-end">
             <h2 className="typography-h2 capitalize">
               {currentTag || "All Posts"}
             </h2>
             <section>
               <h3 className="typography-menu">Categories</h3>
-              <ul className="mt-4 flex gap-2 max-sm:overflow-auto sm:flex-wrap">
+              <ul className="mt-4 flex gap-2 pb-2 max-sm:overflow-auto sm:flex-wrap">
                 {Object.entries(tags)
                   .sort((a, b) => b[1] - a[1])
                   .map(([tag, count], i) => (
@@ -78,7 +79,7 @@ export function BlogPage({
               </ul>
             </section>
           </section>
-          <section className="mt-4 grid grid-cols-[repeat(auto-fit,minmax(368px,1fr))] gap-4 md:mt-8 lg:mt-16 lg:gap-6">
+          <section className="mt-2 grid grid-cols-[repeat(auto-fit,minmax(368px,1fr))] gap-4 sm:mt-4 md:mt-8 lg:mt-16 lg:gap-6">
             {blogs.map(
               page =>
                 (!currentTag || page.frontMatter.tags.includes(currentTag)) && (
@@ -87,7 +88,13 @@ export function BlogPage({
             )}
           </section>
         </div>
-        <LookingForMore />
+        <LookingForMore
+          description="Explore learning guides and best practices — or browse for tools, libraries and other resources."
+          links={[
+            { href: "/learn", label: "Learn" },
+            { href: "/resources", label: "Resources" },
+          ]}
+        />
       </div>
     </main>
   )
diff --git a/src/components/blog-page/looking-for-more.tsx b/src/components/blog-page/looking-for-more.tsx
deleted file mode 100644
index 2441ade4e7..0000000000
--- a/src/components/blog-page/looking-for-more.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Anchor } from "@/app/conf/_design-system/anchor"
-
-import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
-
-export function LookingForMore() {
-  return (
-    <section className="gql-section max-sm:px-0 lg:pb-16 lg:max-xl:px-0 xl:pb-24">
-      <div className="gql-container typography-body-lg flex bg-pri-dark text-white dark:bg-pri-darker max-lg:flex-col">
-        <div className="border-pri-light p-6 max-lg:border-b lg:border-r lg:p-16">
-          <h2 className="typography-h2 text-balance">Looking for more?</h2>
-          <p className="mt-8">
-            Explore learning guides and best practices — or browse for tools,
-            libraries and other resources.
-          </p>
-        </div>
-        <div className="flex flex-col *:flex-1">
-          <Anchor
-            href="/learn"
-            className="flex items-center justify-between gap-4 whitespace-pre border-b border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6"
-          >
-            Learn
-            <ArrowDownIcon className="size-10 -rotate-90 text-pri-light" />
-          </Anchor>
-          <Anchor
-            // TODO: Change to /resources when the Resources landing is implemented
-            href="/community/resources/official-channels"
-            className="flex items-center justify-between gap-4 whitespace-pre border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6"
-          >
-            Resources
-            <ArrowDownIcon className="size-10 -rotate-90 text-pri-light" />
-          </Anchor>
-        </div>
-      </div>
-    </section>
-  )
-}
diff --git a/src/components/learn-aggregator/learn-hero-stripes.tsx b/src/components/learn-aggregator/learn-hero-stripes.tsx
index 29d2a4e37f..b7692117a3 100644
--- a/src/components/learn-aggregator/learn-hero-stripes.tsx
+++ b/src/components/learn-aggregator/learn-hero-stripes.tsx
@@ -1,13 +1,24 @@
+import { clsx } from "clsx"
 import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"
 
 import blurBean from "./learn-blur-bean.webp"
 
-export function LearnHeroStripes() {
+export function LearnHeroStripes({
+  className,
+  style,
+  ...rest
+}: {
+  className?: string
+  style?: React.CSSProperties
+}) {
   return (
     <div
       role="presentation"
       // eslint-disable-next-line tailwindcss/no-contradicting-classname
-      className="pointer-events-none absolute inset-0 bg-neu-50 [--end-1:#FFF] [--end-2:rgb(255_204_239/.2)] [--start-1:#FFEAF8] [--start-2:hsl(var(--color-sec-lighter))] dark:[--end-1:hsl(75,15%,5%)] dark:[--end-2:hsl(319,100%,10%)] dark:[--start-1:hsl(319,100%,14%)] dark:[--start-2:hsl(319,100%,30%)] sm:h-[360px] lg:h-[calc(100%-163px)]"
+      className={clsx(
+        "pointer-events-none absolute inset-0 bg-neu-50 [--end-1:#FFF] [--end-2:rgb(255_204_239/.2)] [--start-1:#FFEAF8] [--start-2:hsl(var(--color-sec-lighter))] dark:[--end-1:hsl(75,15%,5%)] dark:[--end-2:hsl(319,100%,10%)] dark:[--start-1:hsl(319,100%,14%)] dark:[--start-2:hsl(319,100%,30%)] sm:h-[360px] lg:h-[calc(100%-163px)]",
+        className,
+      )}
       style={{
         maskImage: `url(${blurBean.src})`,
         WebkitMaskImage: `url(${blurBean.src})`,
@@ -17,7 +28,9 @@ export function LearnHeroStripes() {
         WebkitMaskPosition: "50% 60%",
         maskRepeat: "no-repeat",
         WebkitMaskRepeat: "no-repeat",
+        ...style,
       }}
+      {...rest}
     >
       <StripesDecoration
         evenClassName="bg-[linear-gradient(180deg,var(--start-1)_-80%,var(--end-1)_102%)]"
diff --git a/src/components/learn-aggregator/looking-for-more.tsx b/src/components/learn-aggregator/looking-for-more.tsx
deleted file mode 100644
index 95c719ad66..0000000000
--- a/src/components/learn-aggregator/looking-for-more.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { clsx } from "clsx"
-import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
-
-export function LookingForMore(props: React.HTMLAttributes<HTMLElement>) {
-  return (
-    <section
-      {...props}
-      className={clsx("gql-container gql-section", props.className)}
-    >
-      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark text-white lg:grid-cols-[752px_1fr]">
-        <div className="flex flex-col justify-between gap-8 border-pri-light p-8 lg:border-r lg:p-16">
-          <h2 className="typography-h2">Looking for more?</h2>
-          <p className="typography-body-lg max-w-[624px]">
-            Learning is just the beginning. Discover tools and other resources —
-            or connect with the GraphQL community around the world.
-          </p>
-        </div>
-        <div className="flex flex-col">
-          <a
-            href="/resources"
-            className="flex items-center justify-between border-b border-pri-light px-8 py-16 hover:bg-white/10 lg:px-8 lg:py-16"
-          >
-            <span className="typography-body-lg">Resources</span>
-            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
-          </a>
-          <a
-            href="/community"
-            className="flex items-center justify-between px-8 py-16 hover:bg-white/10 lg:px-8 lg:py-16"
-          >
-            <span className="typography-body-lg">Community</span>
-            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
-          </a>
-        </div>
-      </div>
-    </section>
-  )
-}
diff --git a/src/components/looking-for-more.tsx b/src/components/looking-for-more.tsx
new file mode 100644
index 0000000000..db174b300d
--- /dev/null
+++ b/src/components/looking-for-more.tsx
@@ -0,0 +1,46 @@
+import { clsx } from "clsx"
+import { Anchor } from "@/app/conf/_design-system/anchor"
+import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+
+type LinkItem = { href: string; label: string }
+
+interface LookingForMoreProps extends React.HTMLAttributes<HTMLElement> {
+  description: string
+  links: [LinkItem, LinkItem]
+}
+
+export function LookingForMore({
+  description,
+  links,
+  ...props
+}: LookingForMoreProps) {
+  return (
+    <section
+      {...props}
+      className={clsx("gql-container gql-section", props.className)}
+    >
+      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark text-white dark:bg-pri-darker lg:grid-cols-[752px_1fr]">
+        <div className="flex flex-col justify-between gap-6 border-pri-light p-6 xs:gap-8 xs:p-8 lg:border-r lg:p-16">
+          <h2 className="typography-h2 text-balance">Looking for more?</h2>
+          <p className="typography-body-lg max-w-[624px]">{description}</p>
+        </div>
+        <div className="flex flex-col">
+          <Anchor
+            href={links[0].href}
+            className="flex items-center justify-between border-y border-pri-light px-6 py-10 hover:bg-white/10 xs:px-8 xs:py-16 lg:border-t-0"
+          >
+            <span className="typography-body-lg">{links[0].label}</span>
+            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
+          </Anchor>
+          <Anchor
+            href={links[1].href}
+            className="flex items-center justify-between px-6 py-10 hover:bg-white/10 xs:px-8 xs:py-16"
+          >
+            <span className="typography-body-lg">{links[1].label}</span>
+            <ArrowDownIcon className="size-10 shrink-0 -rotate-90 text-pri-light" />
+          </Anchor>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx
index d0e9d8fcbd..fd4ebb7cf0 100644
--- a/src/components/navbar/navbar.tsx
+++ b/src/components/navbar/navbar.tsx
@@ -49,7 +49,7 @@ function NavbarMenu({
             key={key}
             href={item.href || routes[key]?.route}
             target={item.newWindow ? "_blank" : undefined}
-            className="block py-3.5 pl-2 pr-9"
+            className="block py-3.5 pl-2 pr-9 underline-offset-2 hover:underline focus-visible:underline"
             closeOnClick
             render={(
               props: React.ComponentPropsWithoutRef<"a">,
@@ -58,7 +58,7 @@ function NavbarMenu({
               <Anchor {...props} href={props.href!}>
                 <span
                   className={clsx(
-                    "typography-menu px-3 py-1 underline-offset-2 hover:underline focus-visible:underline",
+                    "typography-menu px-3 py-1",
                     state.active && "underline",
                   )}
                 >
diff --git a/src/components/toc-hero/toc-hero-contents.tsx b/src/components/toc-hero/toc-hero-contents.tsx
index 84f060efb3..bbdd207a85 100644
--- a/src/components/toc-hero/toc-hero-contents.tsx
+++ b/src/components/toc-hero/toc-hero-contents.tsx
@@ -1,6 +1,7 @@
 import { clsx } from "clsx"
 
 import { ChevronRight } from "@/app/conf/_design-system/pixelarticons/chevron-right"
+import { slugify } from "@/app/(main)/resources/[category]/texts"
 
 export interface TocHeroContentsProps
   extends React.HTMLAttributes<HTMLDivElement> {
@@ -34,7 +35,7 @@ export function TocHeroContents({
             typeof section === "string"
               ? {
                   name: section,
-                  href: `#${section.toLowerCase().replace(/ /g, "-")}`,
+                  href: `#${slugify(section)}`,
                 }
               : section
 
diff --git a/src/env.d.ts b/src/env.d.ts
index a5309effaf..dced5d24c3 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -17,6 +17,11 @@ declare module "*?raw" {
   export default content
 }
 
+declare module "*.svg?resource" {
+  const url: string
+  export default url
+}
+
 // We're importing a transitive dependency to avoid a bug.
 declare module "next-themes" {
   export function ThemeProvider(props: {
diff --git a/src/pages/community/resources/blogs-and-newsletters.mdx b/src/pages/community/resources/blogs-and-newsletters.mdx
index 46331f19e2..1927c4b4ff 100644
--- a/src/pages/community/resources/blogs-and-newsletters.mdx
+++ b/src/pages/community/resources/blogs-and-newsletters.mdx
@@ -35,7 +35,6 @@ Here are a list of notable blog posts to help you better understand GraphQL:
 - [Your First GraphQL Server](https://medium.com/the-graphqlhub/your-first-graphql-server-3c766ab4f0a2#.ovn0y19k4) - Clay Allsopp
 - [Tutorial: Kick start a JS API with Apollo-server, Dataloader and Knex](https://bamtech.gitbook.io/dev-standards/backend/graphql-js/getting-started-with-apollo-server-dataloader-knex.mo) - Thomas Pucci
 - [Tutorial: How to Build a GraphQL Server](https://medium.com/apollo-stack/tutorial-building-a-graphql-server-cddaa023c035#.bu6sdnst4) - Jonas Helfer
-- [Designing Powerful APIs with GraphQL Query Parameters](https://www.graph.cool/docs/tutorials/designing-powerful-apis-with-graphql-query-parameters-aing7uech3/) - Johannes Schickling
 - [GraphQL and the amazing Apollo Client](https://medium.com/google-developer-experts/graphql-and-the-amazing-apollo-client-fe57e162a70c) - Gerard Sans
 - [GraphQL Server Basics (Part I): The Schema](https://www.prisma.io/blog/graphql-server-basics-the-schema-ac5e2950214e) - Nikolas Burk
 - [GraphQL Server Basics (Part II): The Network Layer](https://www.prisma.io/blog/graphql-server-basics-the-network-layer-51d97d21861) - Nikolas Burk
diff --git a/src/pages/learn/index.mdx b/src/pages/learn/index.mdx
index c26ab6d58e..a121f17c81 100644
--- a/src/pages/learn/index.mdx
+++ b/src/pages/learn/index.mdx
@@ -11,7 +11,7 @@ import { LearnHeroStripes } from '../../components/learn-aggregator/learn-hero-s
 import { pagesBySection } from '../../components/learn-aggregator/learn-pages'
 import { CommonQuestionsSection } from '../../components/learn-aggregator/common-questions'
 import { TrainingCoursesSection } from '../../components/learn-aggregator/training-courses'
-import { LookingForMore } from "../../components/learn-aggregator/looking-for-more"
+import { LookingForMore } from "../../components/looking-for-more"
 
 <NavbarFixed />
 <TocHero
@@ -68,4 +68,11 @@ import { LookingForMore } from "../../components/learn-aggregator/looking-for-mo
 
 <CommonQuestionsSection id="faq" />
 
-<LookingForMore />
+<LookingForMore
+  description="Learning is just the beginning. Discover tools and other resources — or connect with the GraphQL community around the world."
+  links={[
+    { href: "/resources", label: "Resources" },
+    { href: "/community", label: "Community" },
+  ]}
+/>
+
diff --git a/src/resources/data.ts b/src/resources/data.ts
new file mode 100644
index 0000000000..db37f4d1b8
--- /dev/null
+++ b/src/resources/data.ts
@@ -0,0 +1,127 @@
+import path from "node:path"
+import { glob } from "node:fs/promises"
+import { readFile } from "node:fs/promises"
+import { cache } from "react"
+import matter from "gray-matter"
+
+import { ResourceMetadata, type ResourceTag, topics } from "./types"
+
+const dataGlob = "src/resources/data/*.json"
+const codeGlob = "src/code/**/*.md"
+const blogGlob = "src/pages/blog/**/*.mdx"
+
+export const readResources = cache(async () => {
+  const resources: ResourceMetadata[] = []
+
+  for await (const file of glob(dataGlob)) {
+    const raw = await readFile(file, "utf8")
+    const parsed = JSON.parse(raw)
+    resources.push(ResourceMetadata.assert(parsed))
+  }
+
+  for await (const file of glob(blogGlob)) {
+    const raw = await readFile(file, "utf8")
+    const { data, content } = matter(raw)
+
+    const title: string | undefined = data.title
+    if (!title) continue
+
+    const slug = blogSlug(file)
+
+    const bodyLines = content
+      .split(/\r?\n/)
+      .map(line => line.trim())
+      .map(line =>
+        line
+          .replace(/!\[[^\]]*\]\([^)]+\)/g, "")
+          .replace(/\[([^\]]+)\]\([^)]+\)/g, "$1")
+          .replace(/`+/g, "")
+          .replace(/[*_~]+/g, "")
+          .replace(/^#+\s*/, "")
+          .replace(/<\/?[^>]+>/g, "")
+          .trim(),
+      )
+      .filter(line => line.length > 0)
+
+    const excerpt = bodyLines.slice(0, 2).join(" ")
+
+    const description =
+      typeof data.description === "string" && data.description.length > 0
+        ? data.description
+        : excerpt || undefined
+
+    const topicsFromFrontmatter: ResourceTag[] = Array.isArray(data.topics)
+      ? data.topics.filter((tag): tag is ResourceTag =>
+          topics.includes(tag as (typeof topics)[number]),
+        )
+      : []
+
+    const topicTagsFromTags: ResourceTag[] = Array.isArray(data.tags)
+      ? data.tags.filter((tag): tag is ResourceTag =>
+          topics.includes(tag as (typeof topics)[number]),
+        )
+      : []
+
+    const tags: ResourceTag[] = [
+      "blog",
+      ...topicsFromFrontmatter,
+      ...topicTagsFromTags,
+    ]
+
+    resources.push(
+      ResourceMetadata.assert({
+        title,
+        url: slug,
+        author: data.byline,
+        description,
+        kind: "blog",
+        tags,
+      }),
+    )
+  }
+
+  for await (const file of glob(codeGlob)) {
+    const raw = await readFile(file, "utf8")
+    const { data } = matter(raw)
+    const tags: ResourceMetadata["tags"] = Array.isArray(data.tags)
+      ? data.tags
+      : []
+
+    if (!tags.includes("tools-and-libraries")) {
+      tags.push("tools-and-libraries")
+    }
+
+    const url: string | undefined =
+      data.url ??
+      (data.github ? `https://github.com/${data.github}` : undefined) ??
+      (data.npm ? `https://npmjs.com/package/${data.npm}` : undefined)
+
+    const title = data.name ?? path.parse(file).name
+
+    resources.push(
+      ResourceMetadata.assert({
+        title,
+        url,
+        description: data.description,
+        tags,
+      }),
+    )
+  }
+
+  return resources
+})
+
+export async function getResourcesByTag(tag: ResourceTag) {
+  const resources = await readResources()
+  return resources.filter(resource => resource.tags.includes(tag))
+}
+
+function blogSlug(file: string) {
+  const relative = path.relative("src/pages", file)
+  const withoutExt = relative.replace(/\.mdx$/, "")
+  const normalized = withoutExt.split(path.sep).join("/")
+  const clean = normalized.endsWith("/index")
+    ? normalized.slice(0, -"index".length - 1)
+    : normalized
+  return `/${clean}`
+}
diff --git a/src/resources/data/a-beginner-s-guide-to-graphql.json b/src/resources/data/a-beginner-s-guide-to-graphql.json
new file mode 100644
index 0000000000..2552c02efd
--- /dev/null
+++ b/src/resources/data/a-beginner-s-guide-to-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "A Beginner’s Guide to GraphQL",
+  "url": "https://www.freecodecamp.org/news/a-beginners-guide-to-graphql-86f849ce1bec/",
+  "author": "Leonardo Maldonado",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/a-graphql-framework-for-non-js-servers-syrus-akbary.json b/src/resources/data/a-graphql-framework-for-non-js-servers-syrus-akbary.json
new file mode 100644
index 0000000000..f5eeb1b82b
--- /dev/null
+++ b/src/resources/data/a-graphql-framework-for-non-js-servers-syrus-akbary.json
@@ -0,0 +1,6 @@
+{
+  "title": "A GraphQL Framework for Non-JS Servers",
+  "author": "Syrus Akbary",
+  "url": "https://www.youtube.com/watch?v=RNoyPSrQyPs",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/a-graphql-framework-for-non-js-servers.json b/src/resources/data/a-graphql-framework-for-non-js-servers.json
new file mode 100644
index 0000000000..b6f39fbb01
--- /dev/null
+++ b/src/resources/data/a-graphql-framework-for-non-js-servers.json
@@ -0,0 +1,6 @@
+{
+  "title": "A GraphQL Framework for Non-JS Servers",
+  "author": "Syrus Akbary",
+  "url": "https://www.youtube.com/watch?v=RNoyPSrQyPs",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/a-postgresql-backed-graphql-baas.json b/src/resources/data/a-postgresql-backed-graphql-baas.json
new file mode 100644
index 0000000000..8db0be4cd4
--- /dev/null
+++ b/src/resources/data/a-postgresql-backed-graphql-baas.json
@@ -0,0 +1,6 @@
+{
+  "title": "A PostgreSQL backed GraphQL BaaS",
+  "author": "Tanmai Gopal",
+  "url": "https://www.youtube.com/watch?v=neIZcc8y3B0",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/all-talks-from-graphql-europe.json b/src/resources/data/all-talks-from-graphql-europe.json
new file mode 100644
index 0000000000..fbadd36641
--- /dev/null
+++ b/src/resources/data/all-talks-from-graphql-europe.json
@@ -0,0 +1,5 @@
+{
+  "title": "All Talks from GraphQL Europe",
+  "url": "https://www.youtube.com/playlist?list=PLn2e1F9Rfr6n_WFm9fPE-_wYPrYvSTySt",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/apollo-client-put-graphql-data-in-your-ui.json b/src/resources/data/apollo-client-put-graphql-data-in-your-ui.json
new file mode 100644
index 0000000000..080bf02325
--- /dev/null
+++ b/src/resources/data/apollo-client-put-graphql-data-in-your-ui.json
@@ -0,0 +1,6 @@
+{
+  "title": "Apollo Client: Put GraphQL Data in Your UI",
+  "author": "Sashko Stubailo",
+  "url": "https://www.youtube.com/watch?v=u1E0CbGeICo",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/apollo-odyssey.json b/src/resources/data/apollo-odyssey.json
new file mode 100644
index 0000000000..aa11a294bd
--- /dev/null
+++ b/src/resources/data/apollo-odyssey.json
@@ -0,0 +1,5 @@
+{
+  "title": "Apollo Odyssey",
+  "url": "https://apollographql.com/tutorials",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/apollo-s-blog.json b/src/resources/data/apollo-s-blog.json
new file mode 100644
index 0000000000..e2b5979181
--- /dev/null
+++ b/src/resources/data/apollo-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "Apollo's Blog",
+  "url": "https://apollographql.com/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/architecture-of-a-high-performance-graphql-to-sql-engine.json b/src/resources/data/architecture-of-a-high-performance-graphql-to-sql-engine.json
new file mode 100644
index 0000000000..f107cf7911
--- /dev/null
+++ b/src/resources/data/architecture-of-a-high-performance-graphql-to-sql-engine.json
@@ -0,0 +1,6 @@
+{
+  "title": "Architecture of a high performance GraphQL to SQL engine",
+  "url": "https://blog.hasura.io/architecture-of-a-high-performance-graphql-to-sql-server-58d9944b8a87",
+  "author": "Sandip Devarkonda",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/awesome-graphql.json b/src/resources/data/awesome-graphql.json
new file mode 100644
index 0000000000..0befab9e45
--- /dev/null
+++ b/src/resources/data/awesome-graphql.json
@@ -0,0 +1,5 @@
+{
+  "title": "awesome-graphql",
+  "url": "https://github.com/chentsulin/awesome-graphql",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/brand-guidelines.json b/src/resources/data/brand-guidelines.json
new file mode 100644
index 0000000000..f32f7804f8
--- /dev/null
+++ b/src/resources/data/brand-guidelines.json
@@ -0,0 +1,5 @@
+{
+  "title": "brand guidelines",
+  "url": "/brand",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes-michael-paris.json b/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes-michael-paris.json
new file mode 100644
index 0000000000..4fc31c17c3
--- /dev/null
+++ b/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes-michael-paris.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a Full GraphQL Backend in Under 5 Minutes",
+  "author": "Michael Paris",
+  "url": "https://www.youtube.com/watch?v=bJ8pnYd6jPQ",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes.json b/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes.json
new file mode 100644
index 0000000000..ce02a20361
--- /dev/null
+++ b/src/resources/data/build-a-full-graphql-backend-in-under-5-minutes.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a Full GraphQL Backend in Under 5 Minutes",
+  "author": "Michael Paris",
+  "url": "https://www.youtube.com/watch?v=bJ8pnYd6jPQ",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/build-a-graphql-backend-with-the-serverless-framework-ryan-brown.json b/src/resources/data/build-a-graphql-backend-with-the-serverless-framework-ryan-brown.json
new file mode 100644
index 0000000000..d744bed512
--- /dev/null
+++ b/src/resources/data/build-a-graphql-backend-with-the-serverless-framework-ryan-brown.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a GraphQL Backend with the Serverless Framework",
+  "author": "Ryan Brown",
+  "url": "https://acloud.guru/learn/serverless-with-graphql",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/build-a-graphql-backend-with-the-serverless-framework.json b/src/resources/data/build-a-graphql-backend-with-the-serverless-framework.json
new file mode 100644
index 0000000000..cb2b1a0b88
--- /dev/null
+++ b/src/resources/data/build-a-graphql-backend-with-the-serverless-framework.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a GraphQL Backend with the Serverless Framework",
+  "author": "Ryan Brown",
+  "url": "https://acloud.guru/learn/serverless-with-graphql",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql-lee-benson.json b/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql-lee-benson.json
new file mode 100644
index 0000000000..499b02f370
--- /dev/null
+++ b/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql-lee-benson.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a GraphQL server for Node.js, using PostgreSQL/MySQL",
+  "author": "Lee Benson",
+  "url": "https://www.youtube.com/watch?v=DNPVqK_woRQ",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql.json b/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql.json
new file mode 100644
index 0000000000..86b3417360
--- /dev/null
+++ b/src/resources/data/build-a-graphql-server-for-node-js-using-postgresql-mysql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Build a GraphQL server for Node.js, using PostgreSQL/MySQL",
+  "author": "Lee Benson",
+  "url": "https://www.youtube.com/watch?v=DNPVqK_woRQ",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/building-native-mobile-apps-with-graphql-martjin-walraven-react-europe-2016.json b/src/resources/data/building-native-mobile-apps-with-graphql-martjin-walraven-react-europe-2016.json
new file mode 100644
index 0000000000..4c2f0ea1e0
--- /dev/null
+++ b/src/resources/data/building-native-mobile-apps-with-graphql-martjin-walraven-react-europe-2016.json
@@ -0,0 +1,6 @@
+{
+  "title": "Building Native Mobile Apps with GraphQL",
+  "author": "Martjin Walraven",
+  "url": "https://www.youtube.com/watch?v=z5rz3saDPJ8",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/building-native-mobile-apps-with-graphql.json b/src/resources/data/building-native-mobile-apps-with-graphql.json
new file mode 100644
index 0000000000..810cb2a13b
--- /dev/null
+++ b/src/resources/data/building-native-mobile-apps-with-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Building Native Mobile Apps with GraphQL",
+  "author": "Martjin Walraven",
+  "url": "https://www.youtube.com/watch?v=z5rz3saDPJ8",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/building-the-f8-app-using-graphql-relay.json b/src/resources/data/building-the-f8-app-using-graphql-relay.json
new file mode 100644
index 0000000000..3c36df9045
--- /dev/null
+++ b/src/resources/data/building-the-f8-app-using-graphql-relay.json
@@ -0,0 +1,5 @@
+{
+  "title": "Building the f8 App: Using GraphQL & Relay",
+  "url": "http://makeitopen.com/docs/en/1-A2-relay.html",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/chillicream-s-blog.json b/src/resources/data/chillicream-s-blog.json
new file mode 100644
index 0000000000..68a2657d38
--- /dev/null
+++ b/src/resources/data/chillicream-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "ChilliCream's Blog",
+  "url": "https://chillicream.com/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/community-events-section.json b/src/resources/data/community-events-section.json
new file mode 100644
index 0000000000..2c3af619b8
--- /dev/null
+++ b/src/resources/data/community-events-section.json
@@ -0,0 +1,5 @@
+{
+  "title": "community events section",
+  "url": "/community/upcoming-events/#meetups",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/craft-graphql-apis-in-elixir-with-absinthe.json b/src/resources/data/craft-graphql-apis-in-elixir-with-absinthe.json
new file mode 100644
index 0000000000..b8c5cf6344
--- /dev/null
+++ b/src/resources/data/craft-graphql-apis-in-elixir-with-absinthe.json
@@ -0,0 +1,6 @@
+{
+  "title": "Craft GraphQL APIs in Elixir with Absinthe",
+  "url": "https://pragprog.com/titles/wwgraphql/craft-graphql-apis-in-elixir-with-absinthe/",
+  "author": "Bruce Williams & Ben Wilson",
+  "tags": ["book"]
+}
diff --git a/src/resources/data/designing-powerful-apis-with-graphql-query-parameters.json b/src/resources/data/designing-powerful-apis-with-graphql-query-parameters.json
new file mode 100644
index 0000000000..d3f99c4a56
--- /dev/null
+++ b/src/resources/data/designing-powerful-apis-with-graphql-query-parameters.json
@@ -0,0 +1,5 @@
+{
+  "title": "Designing Powerful APIs with GraphQL Query Parameters",
+  "url": "https://www.graph.cool/docs/tutorials/designing-powerful-apis-with-graphql-query-parameters-aing7uech3/",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/dev-to-graphql-tag.json b/src/resources/data/dev-to-graphql-tag.json
new file mode 100644
index 0000000000..7ce2241769
--- /dev/null
+++ b/src/resources/data/dev-to-graphql-tag.json
@@ -0,0 +1,5 @@
+{
+  "title": "DEV.to GraphQL tag",
+  "url": "https://dev.to/t/graphql",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/development-of-real-time-apps-with-graphql-node-js-vince-ning-michael-paris-sf-node-meetup-february-2017.json b/src/resources/data/development-of-real-time-apps-with-graphql-node-js-vince-ning-michael-paris-sf-node-meetup-february-2017.json
new file mode 100644
index 0000000000..94c31bff6d
--- /dev/null
+++ b/src/resources/data/development-of-real-time-apps-with-graphql-node-js-vince-ning-michael-paris-sf-node-meetup-february-2017.json
@@ -0,0 +1,6 @@
+{
+  "title": "Development of real-time apps with GraphQL Node.js",
+  "author": "Vince Ning & Michael Paris",
+  "url": "https://youtu.be/yh_A6CEqsSM",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/development-of-real-time-apps-with-graphql-node-js.json b/src/resources/data/development-of-real-time-apps-with-graphql-node-js.json
new file mode 100644
index 0000000000..2d94848143
--- /dev/null
+++ b/src/resources/data/development-of-real-time-apps-with-graphql-node-js.json
@@ -0,0 +1,6 @@
+{
+  "title": "Development of real-time apps with GraphQL Node.js",
+  "author": "Vince Ning & Michael Paris",
+  "url": "https://youtu.be/yh_A6CEqsSM",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/escape-security-blog.json b/src/resources/data/escape-security-blog.json
new file mode 100644
index 0000000000..a0190d21a3
--- /dev/null
+++ b/src/resources/data/escape-security-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "Escape Security Blog",
+  "url": "https://escape.tech/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/exploring-graphql.json b/src/resources/data/exploring-graphql.json
new file mode 100644
index 0000000000..611d7a37dc
--- /dev/null
+++ b/src/resources/data/exploring-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Exploring GraphQL",
+  "url": "https://youtube.com/watch?v=WQLzZf34FJ8",
+  "author": "Lee Byron",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/from-rest-to-graphql.json b/src/resources/data/from-rest-to-graphql.json
new file mode 100644
index 0000000000..b672e423aa
--- /dev/null
+++ b/src/resources/data/from-rest-to-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "From REST to GraphQL",
+  "url": "https://0x2a.sh/from-rest-to-graphql-b4e95e94c26b#.tag7nzkrb",
+  "author": "Garen J. Torikian",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/from-zero-to-graphql-in-30-minutes.json b/src/resources/data/from-zero-to-graphql-in-30-minutes.json
new file mode 100644
index 0000000000..b7897ec52b
--- /dev/null
+++ b/src/resources/data/from-zero-to-graphql-in-30-minutes.json
@@ -0,0 +1,6 @@
+{
+  "title": "From Zero to GraphQL in 30 Minutes",
+  "url": "https://youtube.com/watch?v=UBGzsb2UkeY",
+  "author": "Steven Luscher",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/fullstack-graphql.json b/src/resources/data/fullstack-graphql.json
new file mode 100644
index 0000000000..0f163bf5ec
--- /dev/null
+++ b/src/resources/data/fullstack-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Fullstack GraphQL",
+  "url": "https://www.graphqladmin.com/books/fullstack-graphql",
+  "author": "Julian Mayorga",
+  "tags": ["book"]
+}
diff --git a/src/resources/data/graphql-and-the-amazing-apollo-client.json b/src/resources/data/graphql-and-the-amazing-apollo-client.json
new file mode 100644
index 0000000000..e74ff64ec1
--- /dev/null
+++ b/src/resources/data/graphql-and-the-amazing-apollo-client.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL and the amazing Apollo Client",
+  "url": "https://medium.com/google-developer-experts/graphql-and-the-amazing-apollo-client-fe57e162a70c",
+  "author": "Gerard Sans",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/graphql-apis.json b/src/resources/data/graphql-apis.json
new file mode 100644
index 0000000000..6c7365fdae
--- /dev/null
+++ b/src/resources/data/graphql-apis.json
@@ -0,0 +1,5 @@
+{
+  "title": "graphql-apis",
+  "url": "https://github.com/APIs-guru/graphql-apis",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/graphql-at-facebook.json b/src/resources/data/graphql-at-facebook.json
new file mode 100644
index 0000000000..8f5a73d96d
--- /dev/null
+++ b/src/resources/data/graphql-at-facebook.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL at Facebook",
+  "url": "https://youtube.com/watch?v=etax3aEe2dA",
+  "author": "Dan Schafer",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/graphql-best-practices-hands-on-experience-with-schema-design-security-and-error-handling-for-developers.json b/src/resources/data/graphql-best-practices-hands-on-experience-with-schema-design-security-and-error-handling-for-developers.json
new file mode 100644
index 0000000000..c5fba326c9
--- /dev/null
+++ b/src/resources/data/graphql-best-practices-hands-on-experience-with-schema-design-security-and-error-handling-for-developers.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Best Practices: Hands-on experience with schema design, security, and error handling for developers",
+  "url": "https://www.amazon.com/dp/B0D9H7MJQV",
+  "author": "Marc-André Giroux & Apoorva Pandey",
+  "tags": ["book"]
+}
diff --git a/src/resources/data/graphql-code-of-conduct.json b/src/resources/data/graphql-code-of-conduct.json
new file mode 100644
index 0000000000..64d708b1d2
--- /dev/null
+++ b/src/resources/data/graphql-code-of-conduct.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL Code of Conduct",
+  "url": "/codeofconduct/",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/graphql-concepts-visualized.json b/src/resources/data/graphql-concepts-visualized.json
new file mode 100644
index 0000000000..0e8e235f89
--- /dev/null
+++ b/src/resources/data/graphql-concepts-visualized.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Concepts Visualized",
+  "url": "https://medium.com/apollo-stack/the-concepts-of-graphql-bc68bd819be3#.hfczgtdsj",
+  "author": "Dhaivat Pandya",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/graphql-editor-blog.json b/src/resources/data/graphql-editor-blog.json
new file mode 100644
index 0000000000..e178be9bcc
--- /dev/null
+++ b/src/resources/data/graphql-editor-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL Editor Blog",
+  "url": "https://blog.graphqleditor.com",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/graphql-explained.json b/src/resources/data/graphql-explained.json
new file mode 100644
index 0000000000..8f969374d4
--- /dev/null
+++ b/src/resources/data/graphql-explained.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Explained",
+  "url": "https://medium.com/apollo-stack/graphql-explained-5844742f195e#.zdykxos6i",
+  "author": "JH",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/graphql-from-zero-to-scala.json b/src/resources/data/graphql-from-zero-to-scala.json
new file mode 100644
index 0000000000..f3a10cfedc
--- /dev/null
+++ b/src/resources/data/graphql-from-zero-to-scala.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL: From Zero to Scala",
+  "author": "Jérémie Astori",
+  "url": "https://www.youtube.com/watch?v=6ttypoLyRaU",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/graphql-future.json b/src/resources/data/graphql-future.json
new file mode 100644
index 0000000000..7b789c35be
--- /dev/null
+++ b/src/resources/data/graphql-future.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Future",
+  "url": "https://youtube.com/watch?v=ViXL0YQnioU",
+  "author": "Lee Byron",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/graphql-in-native-applications.json b/src/resources/data/graphql-in-native-applications.json
new file mode 100644
index 0000000000..8da2e8cc2c
--- /dev/null
+++ b/src/resources/data/graphql-in-native-applications.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL in native applications",
+  "author": "Igor Canadi & Alex Langenfeld",
+  "url": "https://atscaleconference.com/videos/graphql-in-native-applications-at-scale/",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/graphql-in-production-backend-as-a-service-michael-paris-vince-ning-graphql-in-production-meetup-sf-august-2016.json b/src/resources/data/graphql-in-production-backend-as-a-service-michael-paris-vince-ning-graphql-in-production-meetup-sf-august-2016.json
new file mode 100644
index 0000000000..8d1469e85e
--- /dev/null
+++ b/src/resources/data/graphql-in-production-backend-as-a-service-michael-paris-vince-ning-graphql-in-production-meetup-sf-august-2016.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL in Production: Backend as a Service",
+  "author": "Michael Paris & Vince Ning",
+  "url": "https://www.youtube.com/watch?v=U2NKoStGBvE",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/graphql-in-production-backend-as-a-service.json b/src/resources/data/graphql-in-production-backend-as-a-service.json
new file mode 100644
index 0000000000..05dbe33642
--- /dev/null
+++ b/src/resources/data/graphql-in-production-backend-as-a-service.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL in Production: Backend as a Service",
+  "author": "Michael Paris & Vince Ning",
+  "url": "https://www.youtube.com/watch?v=U2NKoStGBvE",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/graphql-js-tutorial.json b/src/resources/data/graphql-js-tutorial.json
new file mode 100644
index 0000000000..8ad1d6af05
--- /dev/null
+++ b/src/resources/data/graphql-js-tutorial.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL-JS tutorial",
+  "url": "/graphql-js",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/graphql-screencasts.json b/src/resources/data/graphql-screencasts.json
new file mode 100644
index 0000000000..7f21b01ad3
--- /dev/null
+++ b/src/resources/data/graphql-screencasts.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL Screencasts",
+  "url": "https://graphql.wtf",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest-jonas-helfer.json b/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest-jonas-helfer.json
new file mode 100644
index 0000000000..6a120eaf18
--- /dev/null
+++ b/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest-jonas-helfer.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL server tutorial for Node.js with SQL, MongoDB and REST",
+  "author": "Jonas Helfer",
+  "url": "https://www.youtube.com/watch?v=PHabPhgRUuU",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest.json b/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest.json
new file mode 100644
index 0000000000..c67dd937a2
--- /dev/null
+++ b/src/resources/data/graphql-server-tutorial-for-node-js-with-sql-mongodb-and-rest.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL server tutorial for Node.js with SQL, MongoDB and REST",
+  "author": "Jonas Helfer",
+  "url": "https://www.youtube.com/watch?v=PHabPhgRUuU",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/graphql-servers.json b/src/resources/data/graphql-servers.json
new file mode 100644
index 0000000000..c5f8fa7806
--- /dev/null
+++ b/src/resources/data/graphql-servers.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Servers",
+  "author": "Nick Schrock",
+  "url": "https://www.youtube.com/watch?v=KOudxKJXsjc",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/graphql-source-code-overview.json b/src/resources/data/graphql-source-code-overview.json
new file mode 100644
index 0000000000..fdc3c0a830
--- /dev/null
+++ b/src/resources/data/graphql-source-code-overview.json
@@ -0,0 +1,6 @@
+{
+  "title": "GraphQL Source Code Overview",
+  "author": "Lee Byron",
+  "url": "https://youtube.com/watch?v=IqtYr6RX32Q",
+  "tags": ["video", "backend"]
+}
diff --git a/src/resources/data/graphql-tutorials.json b/src/resources/data/graphql-tutorials.json
new file mode 100644
index 0000000000..994d2ff091
--- /dev/null
+++ b/src/resources/data/graphql-tutorials.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL Tutorials",
+  "url": "https://hasura.io/learn",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/graphql-weekly.json b/src/resources/data/graphql-weekly.json
new file mode 100644
index 0000000000..2d90509692
--- /dev/null
+++ b/src/resources/data/graphql-weekly.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL Weekly",
+  "url": "https://graphqlweekly.com",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/graphql-wtf-episodes-feed.json b/src/resources/data/graphql-wtf-episodes-feed.json
new file mode 100644
index 0000000000..f59eceabdb
--- /dev/null
+++ b/src/resources/data/graphql-wtf-episodes-feed.json
@@ -0,0 +1,5 @@
+{
+  "title": "GraphQL WTF Episodes Feed",
+  "url": "https://graphql.wtf",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/hands-on-full-stack-web-development-with-graphql-and-react.json b/src/resources/data/hands-on-full-stack-web-development-with-graphql-and-react.json
new file mode 100644
index 0000000000..57c9172b6b
--- /dev/null
+++ b/src/resources/data/hands-on-full-stack-web-development-with-graphql-and-react.json
@@ -0,0 +1,6 @@
+{
+  "title": "Hands-on Full-Stack Web Development with GraphQL and React",
+  "url": "https://www.packtpub.com/en-us/product/hands-on-full-stack-web-development-with-graphql-and-react-9781789135763",
+  "author": "Sebastian Grebe",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/hands-on-graphql-for-better-restful-web-services-video-by-ashwin-hegde.json b/src/resources/data/hands-on-graphql-for-better-restful-web-services-video-by-ashwin-hegde.json
new file mode 100644
index 0000000000..99619acd0f
--- /dev/null
+++ b/src/resources/data/hands-on-graphql-for-better-restful-web-services-video-by-ashwin-hegde.json
@@ -0,0 +1,6 @@
+{
+  "title": "Hands-on GraphQL for Better RESTful Web Services (Video)",
+  "author": "Ashwin Hegde",
+  "url": "https://www.packtpub.com/application-development/hands-graphql-better-restful-web-services-video",
+  "tags": ["video", "federation", "backend"]
+}
diff --git a/src/resources/data/hands-on-graphql-for-better-restful-web-services-video.json b/src/resources/data/hands-on-graphql-for-better-restful-web-services-video.json
new file mode 100644
index 0000000000..4cd82b919f
--- /dev/null
+++ b/src/resources/data/hands-on-graphql-for-better-restful-web-services-video.json
@@ -0,0 +1,6 @@
+{
+  "title": "Hands-on GraphQL for Better RESTful Web Services (Video)",
+  "author": "Ashwin Hegde",
+  "url": "https://www.packtpub.com/application-development/hands-graphql-better-restful-web-services-video",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/hasura-s-blog.json b/src/resources/data/hasura-s-blog.json
new file mode 100644
index 0000000000..7addc43662
--- /dev/null
+++ b/src/resources/data/hasura-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "Hasura's Blog",
+  "url": "https://hasura.io/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/inigo-s-security-blog.json b/src/resources/data/inigo-s-security-blog.json
new file mode 100644
index 0000000000..ef9f0f1c82
--- /dev/null
+++ b/src/resources/data/inigo-s-security-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "Inigo's Security Blog",
+  "url": "https://inigo.io/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/learning-graphql-and-relay.json b/src/resources/data/learning-graphql-and-relay.json
new file mode 100644
index 0000000000..a1f831ede2
--- /dev/null
+++ b/src/resources/data/learning-graphql-and-relay.json
@@ -0,0 +1,6 @@
+{
+  "title": "Learning GraphQL and Relay",
+  "url": "https://www.amazon.com/Learning-GraphQL-Relay-Samer-Buna/dp/1786465752",
+  "author": "Samer Buna",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/learning-graphql-with-react-and-relay.json b/src/resources/data/learning-graphql-with-react-and-relay.json
new file mode 100644
index 0000000000..103f4f0cdd
--- /dev/null
+++ b/src/resources/data/learning-graphql-with-react-and-relay.json
@@ -0,0 +1,6 @@
+{
+  "title": "Learning GraphQL with React and Relay",
+  "author": "Divyendu Singh",
+  "url": "https://www.packtpub.com/application-development/learning-graphql-react-and-relay-video",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/learning-graphql.json b/src/resources/data/learning-graphql.json
new file mode 100644
index 0000000000..4287e2bdc7
--- /dev/null
+++ b/src/resources/data/learning-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Learning GraphQL",
+  "url": "https://www.amazon.com/Learning-GraphQL-Declarative-Fetching-Modern/dp/1492030716/",
+  "author": "Eve Porcello & Alex Banks",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/modernize-your-angular-app-with-graphql.json b/src/resources/data/modernize-your-angular-app-with-graphql.json
new file mode 100644
index 0000000000..7f6364cb55
--- /dev/null
+++ b/src/resources/data/modernize-your-angular-app-with-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Modernize Your Angular App with GraphQL",
+  "author": "Uri Goldshtein",
+  "url": "https://www.youtube.com/watch?v=E8feZBidZcs",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/official-graphql-blog.json b/src/resources/data/official-graphql-blog.json
new file mode 100644
index 0000000000..63976c18d7
--- /dev/null
+++ b/src/resources/data/official-graphql-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "Official GraphQL Blog",
+  "url": "https://graphql.org/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/production-ready-graphql.json b/src/resources/data/production-ready-graphql.json
new file mode 100644
index 0000000000..48022997b1
--- /dev/null
+++ b/src/resources/data/production-ready-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "Production Ready GraphQL",
+  "url": "https://book.productionreadygraphql.com/",
+  "author": "Marc-Andre Giroux",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/relay-2-simpler-faster-and-more-predictable-greg-hurrell.json b/src/resources/data/relay-2-simpler-faster-and-more-predictable-greg-hurrell.json
new file mode 100644
index 0000000000..5af112c51d
--- /dev/null
+++ b/src/resources/data/relay-2-simpler-faster-and-more-predictable-greg-hurrell.json
@@ -0,0 +1,6 @@
+{
+  "title": "Relay 2 - simpler, faster, and more predictable",
+  "author": "Greg Hurrell",
+  "url": "https://www.youtube.com/watch?v=OEfUBN9dAI8",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/relay-2-simpler-faster-and-more-predictable.json b/src/resources/data/relay-2-simpler-faster-and-more-predictable.json
new file mode 100644
index 0000000000..7bfb22a4b4
--- /dev/null
+++ b/src/resources/data/relay-2-simpler-faster-and-more-predictable.json
@@ -0,0 +1,6 @@
+{
+  "title": "Relay 2 - simpler, faster, and more predictable",
+  "author": "Greg Hurrell",
+  "url": "https://www.youtube.com/watch?v=OEfUBN9dAI8",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/relicensing-the-graphql-specification.json b/src/resources/data/relicensing-the-graphql-specification.json
new file mode 100644
index 0000000000..334cfdf4c0
--- /dev/null
+++ b/src/resources/data/relicensing-the-graphql-specification.json
@@ -0,0 +1,6 @@
+{
+  "title": "Relicensing the GraphQL specification",
+  "url": "https://medium.com/@leeb/relicensing-the-graphql-specification-e7d07a52301b",
+  "author": "Lee Byron",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/stepzen-s-blog.json b/src/resources/data/stepzen-s-blog.json
new file mode 100644
index 0000000000..208aca0ebb
--- /dev/null
+++ b/src/resources/data/stepzen-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "StepZen's Blog",
+  "url": "https://stepzen.com/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/the-community-discord-channel.json b/src/resources/data/the-community-discord-channel.json
new file mode 100644
index 0000000000..e694c5020e
--- /dev/null
+++ b/src/resources/data/the-community-discord-channel.json
@@ -0,0 +1,5 @@
+{
+  "title": "the community Discord channel",
+  "url": "/community/#official-channels",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/the-graphql-guide.json b/src/resources/data/the-graphql-guide.json
new file mode 100644
index 0000000000..b34d66f420
--- /dev/null
+++ b/src/resources/data/the-graphql-guide.json
@@ -0,0 +1,6 @@
+{
+  "title": "The GraphQL Guide",
+  "url": "https://graphql.guide",
+  "author": "Loren Sands-Ramshaw",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/the-guild-s-blog.json b/src/resources/data/the-guild-s-blog.json
new file mode 100644
index 0000000000..461761c85b
--- /dev/null
+++ b/src/resources/data/the-guild-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "The Guild's Blog",
+  "url": "https://the-guild.dev/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/the-guild-s-newsletter.json b/src/resources/data/the-guild-s-newsletter.json
new file mode 100644
index 0000000000..c34b24e874
--- /dev/null
+++ b/src/resources/data/the-guild-s-newsletter.json
@@ -0,0 +1,5 @@
+{
+  "title": "The Guild's Newsletter",
+  "url": "https://getrevue.co/profile/TheGuild",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/the-road-to-graphql.json b/src/resources/data/the-road-to-graphql.json
new file mode 100644
index 0000000000..a9a97f091f
--- /dev/null
+++ b/src/resources/data/the-road-to-graphql.json
@@ -0,0 +1,6 @@
+{
+  "title": "The Road to GraphQL",
+  "url": "https://www.robinwieruch.de/the-road-to-graphql-book/",
+  "author": "Robin Wieruch",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/trademark-policy.json b/src/resources/data/trademark-policy.json
new file mode 100644
index 0000000000..415fe86826
--- /dev/null
+++ b/src/resources/data/trademark-policy.json
@@ -0,0 +1,5 @@
+{
+  "title": "trademark policy",
+  "url": "https://lfprojects.org/policies/trademark-policy/",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/tutorial-how-to-build-a-graphql-server.json b/src/resources/data/tutorial-how-to-build-a-graphql-server.json
new file mode 100644
index 0000000000..270598c7f5
--- /dev/null
+++ b/src/resources/data/tutorial-how-to-build-a-graphql-server.json
@@ -0,0 +1,6 @@
+{
+  "title": "Tutorial: How to Build a GraphQL Server",
+  "url": "https://medium.com/apollo-stack/tutorial-building-a-graphql-server-cddaa023c035#.bu6sdnst4",
+  "author": "Jonas Helfer & Johanna Griffin",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/tutorial-kick-start-a-js-api-with-apollo-server-dataloader-and-knex.json b/src/resources/data/tutorial-kick-start-a-js-api-with-apollo-server-dataloader-and-knex.json
new file mode 100644
index 0000000000..48eaef09bb
--- /dev/null
+++ b/src/resources/data/tutorial-kick-start-a-js-api-with-apollo-server-dataloader-and-knex.json
@@ -0,0 +1,6 @@
+{
+  "title": "Tutorial: Kick start a JS API with Apollo-server, Dataloader and Knex",
+  "url": "https://bamtech.gitbook.io/dev-standards/backend/graphql-js/getting-started-with-apollo-server-dataloader-knex.mo",
+  "author": "Thomas Pucci",
+  "tags": ["blog"]
+}
diff --git a/src/resources/data/unleashing-the-power-of-graphql-using-angular-2-gerard-sans-ng-be-2016.json b/src/resources/data/unleashing-the-power-of-graphql-using-angular-2-gerard-sans-ng-be-2016.json
new file mode 100644
index 0000000000..af39944189
--- /dev/null
+++ b/src/resources/data/unleashing-the-power-of-graphql-using-angular-2-gerard-sans-ng-be-2016.json
@@ -0,0 +1,6 @@
+{
+  "title": "Unleashing the power of GraphQL using Angular 2",
+  "author": "Gerard Sans",
+  "url": "https://www.youtube.com/watch?v=VYpJ9pfugM8",
+  "tags": ["video", "frontend"]
+}
diff --git a/src/resources/data/webinar-series-graphql-around-the-world.json b/src/resources/data/webinar-series-graphql-around-the-world.json
new file mode 100644
index 0000000000..b723cb2ccc
--- /dev/null
+++ b/src/resources/data/webinar-series-graphql-around-the-world.json
@@ -0,0 +1,5 @@
+{
+  "title": "Webinar Series: GraphQL Around The World",
+  "url": "https://graphql-world.com/webinar",
+  "tags": ["video"]
+}
diff --git a/src/resources/data/wundergraph-s-blog.json b/src/resources/data/wundergraph-s-blog.json
new file mode 100644
index 0000000000..645953db5d
--- /dev/null
+++ b/src/resources/data/wundergraph-s-blog.json
@@ -0,0 +1,5 @@
+{
+  "title": "WunderGraph's Blog",
+  "url": "https://wundergraph.com/blog",
+  "tags": ["blog-or-newsletter"]
+}
diff --git a/src/resources/data/yoga-graphql-server-tutorial.json b/src/resources/data/yoga-graphql-server-tutorial.json
new file mode 100644
index 0000000000..c1bf2f20ae
--- /dev/null
+++ b/src/resources/data/yoga-graphql-server-tutorial.json
@@ -0,0 +1,5 @@
+{
+  "title": "Yoga GraphQL Server Tutorial",
+  "url": "https://the-guild.dev/graphql/yoga-server/tutorial",
+  "tags": ["guide"]
+}
diff --git a/src/resources/data/your-first-graphql-server.json b/src/resources/data/your-first-graphql-server.json
new file mode 100644
index 0000000000..0af9082ceb
--- /dev/null
+++ b/src/resources/data/your-first-graphql-server.json
@@ -0,0 +1,6 @@
+{
+  "title": "Your First GraphQL Server",
+  "url": "https://medium.com/the-graphqlhub/your-first-graphql-server-3c766ab4f0a2#.ovn0y19k4",
+  "author": "Clay Allsopp",
+  "tags": ["blog"]
+}
diff --git a/src/resources/types.ts b/src/resources/types.ts
new file mode 100644
index 0000000000..9816c3fba8
--- /dev/null
+++ b/src/resources/types.ts
@@ -0,0 +1,40 @@
+import { type } from "arktype"
+
+export const topics = [
+  "frontend",
+  "backend",
+  "federation",
+  "schema-design",
+  "api-platform-and-gateways",
+  "developer-experience",
+  "security",
+  "ai",
+  "monitoring",
+  "tools",
+] as const
+export type Topic = (typeof topics)[number]
+
+export const kinds = [
+  "video",
+  "blog",
+  "tools-and-libraries",
+  "guide",
+  "book",
+  "blog-or-newsletter",
+  "docs",
+] as const
+export type Kind = (typeof kinds)[number]
+
+export type ResourceTag = Topic | Kind
+
+export const ResourceMetadata = type({
+  title: "string>0",
+  url: type("string.url").or("/^\\/.+$/"),
+  "author?": "string",
+  "kind?": type.enumerated(...kinds),
+  "topics?": type.enumerated(...topics).array(),
+  "description?": "string>0",
+  tags: type.enumerated(...topics, ...kinds).array(),
+})
+
+export type ResourceMetadata = typeof ResourceMetadata.inferOut
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 16649f5949..1dbf34a0fe 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -128,9 +128,10 @@ const config: Config = {
     plugin(({ addBase }) => {
       // heading styles
       addBase({
-        ".typography-d1, .typography-h1, .typography-h2, .typography-h3": {
-          lineHeight: "1.2",
-        },
+        ".typography-d1, .typography-h1, .typography-h2, .typography-h3, .typography-h4":
+          {
+            lineHeight: "1.2",
+          },
         ".typography-d1": {
           fontSize: "48px",
           "@screen lg": {
@@ -155,6 +156,12 @@ const config: Config = {
             fontSize: "32px",
           },
         },
+        ".typography-h4": {
+          fontSize: "20px",
+          "@screen md": {
+            fontSize: "28px",
+          },
+        },
       })
 
       // paragraph styles
diff --git a/test/e2e/resources-hub.spec.ts b/test/e2e/resources-hub.spec.ts
new file mode 100644
index 0000000000..bc1816f630
--- /dev/null
+++ b/test/e2e/resources-hub.spec.ts
@@ -0,0 +1,24 @@
+import { expect, test } from "@playwright/test"
+
+const pages = [
+  "/resources",
+  "/resources/frontend",
+  "/resources/backend",
+  "/resources/federation",
+  "/resources/ai",
+  "/resources/security",
+  "/resources/monitoring",
+  "/code",
+  "/conf",
+  "/resources/reading",
+  "/resources/video",
+]
+
+test.describe("Resource hub pages exist", () => {
+  for (const path of pages) {
+    test(`renders ${path}`, async ({ page }) => {
+      const response = await page.goto(path)
+      expect(response?.ok()).toBeTruthy()
+    })
+  }
+})
diff --git a/vercel.json b/vercel.json
index 244e7c6f2c..87a8d6f90a 100644
--- a/vercel.json
+++ b/vercel.json
@@ -400,6 +400,46 @@
       "destination": "/blog/2020-10-15-newsletter-september-2020",
       "permanent": true
     },
+    {
+      "source": "/community/resources/official-channels",
+      "destination": "/resources/official-channels",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/training-courses",
+      "destination": "/resources/training-courses",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/community-channels",
+      "destination": "/resources/community-channels",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/blogs-and-newsletters",
+      "destination": "/resources/blogs-and-newsletters",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/videos",
+      "destination": "/resources/videos",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/vendor-channels",
+      "destination": "/resources/vendor-channels",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/books",
+      "destination": "/resources/books",
+      "permanent": true
+    },
+    {
+      "source": "/community/resources/more-resources",
+      "destination": "/resources",
+      "permanent": true
+    },
     {
       "source": "/blog/2020-10-15-graphql-foundation-monthly-newsletter-september-2020/",
       "destination": "/blog/2020-10-15-newsletter-september-2020",