SurfQL
GraphQL Queries
Made Simple
ContributeSurfQL is an open source VS Code extension for GraphQL that was built with front-end developers in mind. We make it easy to write queries efficiently with our code completion tool-tip and Schema visualizer to present each property of the schema tree.
Why teams need SurfQL
Speed
Save time by writing GraphQL queries more quickly
Efficiency
Visualize your schema to prevent invalid query structures
Productivity
Reduced friction between the front-end and back-end for development teams
SurfQL IntelliSense shows the available fields as you build up your query and provides completion template plus helper info to reduce the errors in your queries.
SurfQL visualizer presents the pre-defined GraphQL type objects and the hierarchy of the schema file, reducing the overhead to comprehend the relationship of the objects.
What Problem Does It Solve?
GraphQL is organized in terms of schema and type system and learning curve is steep. Currently Software engineers have limited tools to understand schema or write queries within their IDE.
Code-Completion Suggestions
Visual Schema
Multi-Line Parsing
Enhanced Accuracy
for Queries
With SurfQL
Manual Typing of Queries
Glancing Back at Schema
Prone to Mistakes
