Quickly build your GraphQL schema directly from your browser!
This project can be used to create your own personal "GraphQL Editor".
It is based on Create React App (
typescripttemplate) and GraphQL Editor.
Demo (automatically updated from the master branch).
Fork this template using Vercel:
GraphQL Editor is a great project and comes with a paid Cloud offer.
Unfortunately, the Cloud version doesn't offer a free plan (they offer a 2 weeks premium trial).
As a solo developer, I don't need all the fancy "teamwork/collaborative" tools they've built in their SaaS offering. I simply need an editor for myself.
The editor uses the browser Local Storage to store the GraphQL Editor schema metadata.
There is no way to restore lost versions, and everything you do in your browser can be lost definitively if the local storage is cleared.
I recommend keeping a copy of the schema somewhere (GitHub, etc.), as you can copy/paste it right into the editor quite easily.
I don't plan on improving this editor. I might upgrade the graphql-editor version from time to time.
One feature I would like to add is to automatically update a GitHub repository with the latest version of the schema metadata to avoid any data loss. Basically commit/push to a remote repo when any change is made in the GraphQL schema. That'd make things quite more resilient to data loss.