GraphQL Editor Guide
  • GraphQL Editor
    • Home
      • Getting Started
      • Workspaces
      • Projects
      • Live Collaboration
      • Keyboard navigation
    • Graph
      • GraphQL Creator
      • ERD like Relation View
      • Markdown Docs
      • Generate TypeScript library
      • Schema versioning
      • Compare Schema Versions
    • Schema Libraries
    • Cloud
      • GraphQL API Platform
      • Instant Mock backend
      • GraphiQL Cloud
      • Endpoint switcher
      • Rest to GraphQL
      • E2E Tests Builder & Runner
    • Microservices FaaS
      • Resolvers
      • Code Editor
      • Deploy local server
      • Deploy using GraphQL Editor
      • Secrets & CORS
      • Logs
    • JS Playground
    • Github Sync
    • Troubleshooting
  • Tools
    • CLI
      • Schema
      • Create a microservice project
      • Development
      • Cloud
        • Local server
        • Deploy
          • Gitlab CI
          • Github Actions
        • Push/Pull
        • Get the CI token
      • Code Generation
        • TypeScript Typings
        • Resolvers
        • Model Types
      • Integrations
        • Installation
        • Develop your integrations
    • Stucco JS
      • Resolvers
      • Custom Scalars
      • Examples
    • GraphQL Zeus
      • Basics
        • Getting Started
        • Selectors
        • ES Modules
        • Specification
        • Use as a library
        • JavaScript
        • Custom fetch
        • Subscriptions
      • GraphQL
        • Interfaces and Unions
        • Variables
        • Aliases
        • Generate Gql
        • Directives
        • Scalars
      • Examples
        • Forms
        • React state
      • Plugins
        • Typed Document Node
        • Apollo
        • StuccoJS Subscriptions
        • React Query
Powered by GitBook
On this page
  • Create a node
  • Change node name
  • Delete node
  • Duplicate node
  • Create a node field
  • List and Non-null type field
  • Delete a field
  • Implement Interface
  • Add directive

Was this helpful?

  1. GraphQL Editor
  2. Graph

GraphQL Creator

How to create GraphQL nodes and fields

PreviousGraphNextERD like Relation View

Last updated 2 years ago

Was this helpful?

Create a node

  1. Click new type/input/interface/union/enum/scalar/directive

  2. Type in the name of the node

  3. Click enter

Nodes (aside from scalars) need at least one field to be fully created.

Change node name

  1. Select the node

  2. Edit its name like a simple text input

Delete node

To delete a node open the 3 dots menu on top of the active node and click Delete Node:

Duplicate node

To duplicate node open the 3 dots menu on top of the active node and click Duplicate Node:

Create a node field

  1. Select a node

  2. Click the + button

  3. Type in the name of the field type or select it

  4. Click the + button or press enter to submit

After that, the node field will be created with a default name (lowercase first letter type name). To change it, just select the created field and edit it like a simple text input.

List and Non-null type field

  1. Select a node

  2. Click [!]

  3. Select the desired options

Delete a field

  1. Select a node

  2. Click the 3 dots menu on the desired field.

  3. Click Delete

Implement Interface

  1. Select a node

  2. Click the {} menu

  3. Select the desired interface

Add directive

  1. Select a node

  2. Click the @ menu

  3. Select the desired directive