Skip to content

Conversation

hasparus
Copy link
Contributor

@hasparus hasparus commented Sep 5, 2025

Description

@martinbonnin proposed making the "How it Works" code samples interactive on Slack.

We already had CodeMirror, and I already needed to restyle it for the docs, so it required just a new schema, some refactoring and shuffling things around.

I think the idea makes sense, and lets the user experience GraphQL immediately. Even if they're non-programmers, they can maybe get a feel how the data flows and what the experience is like.

I changed the section CTA to state "Try GraphiQL", because we're already trying it out live.

image

To-do

  • Write a small GraphQL Schema for this example
  • Double check if next/dynamic worked and we don't have CodeMirror in the main bundle
    • (I actually wrote dynamic(import instead of dynamic(() => import initially so it's good I double checked).
  • Add a test for this

@hasparus hasparus marked this pull request as ready for review September 22, 2025 15:19
@hasparus
Copy link
Contributor Author

@saihaj don't merge it just yet, I'm gonna test it on deploy preview this morning bcs I'm not 100% sure about the cors header

@hasparus hasparus force-pushed the landing--interactive-editor-on-landing branch from cac30cd to 8a94841 Compare September 23, 2025 11:42
@hasparus hasparus marked this pull request as draft September 23, 2025 16:28
@hasparus hasparus marked this pull request as ready for review September 23, 2025 16:28
@hasparus hasparus closed this Sep 23, 2025
@hasparus hasparus reopened this Sep 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants