https://github.com/Vadorequest/personal-graphql-editor

Personal GraphQL Editor - Quickly build your GraphQL schema directly from your browser!
https://github.com/Vadorequest/personal-graphql-editor

Last synced: 4 months ago
JSON representation

Personal GraphQL Editor - Quickly build your GraphQL schema directly from your browser!

• Host: GitHub
• URL: https://github.com/Vadorequest/personal-graphql-editor
• Owner: Vadorequest
• License: mit
• Created: 2021-03-06T13:02:43.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-06T14:21:48.000Z (almost 4 years ago)
• Last Synced: 2024-05-02T01:35:42.620Z (10 months ago)
• Language: TypeScript
• Homepage: https://personal-graphql-editor.vercel.app/
• Size: 264 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Personal GraphQL Editor

**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](https://github.com/facebook/create-react-app) _([`typescript` template](https://create-react-app.dev/docs/getting-started/#creating-a-typescript-app))_ and [GraphQL Editor](https://github.com/graphql-editor/graphql-editor).

## Online demo

[Demo](https://personal-graphql-editor.vercel.app/) (automatically updated from the `master` branch).

![image](https://user-images.githubusercontent.com/3807458/110209921-6da6c080-7e8f-11eb-9c5e-116ca375f7ee.png)

## Deploy your own

Fork this template using [Vercel](https://vercel.com):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/Vadorequest/personal-graphql-editor&project-name=personal-graphql-editor&repository-name=personal-graphql-editor)

## Motivations

[GraphQL Editor](https://github.com/graphql-editor/graphql-editor) is a great project and comes with a [paid Cloud offer](https://graphqleditor.com/).

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.

## Storage

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. 

## Product roadmap

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.