Example: Integrating GraphiQL

graphiql/graphiql.mdx

@@ -0,0 +1,31 @@
+---
+showPrevButton: false
+showNextButton: false
+---
+
+import GraphiQL from 'graphiql';
+import { buildSchema } from 'graphql';
+import { createGraphiQLFetcher } from '@graphiql/toolkit';
+import '../node_modules/graphiql/graphiql.css';
+
+import {
+  LandingLayout
+} from '@redocly/developer-portal/ui';
+
+import rawSchema from 'raw-loader!./schema.docs.graphql';
+
+export default LandingLayout;
+
+<GraphiQL
+  fetcher={
+    typeof window !== "undefined"
+      ? createGraphiQLFetcher({
+          url: "http://swapi.apis.guru/graphql",
+        })
+      : function () {
+          /* nope */
+        }
+  }
+  editorTheme={"dracula"}
+  schema={buildSchema(rawSchema)}
+/>