graphql-playground
foundation
graphql-playground | foundation | |
---|---|---|
16 | 210 | |
8,688 | 86 | |
0.2% | - | |
0.0 | 0.0 | |
about 2 months ago | 4 months ago | |
TypeScript | ||
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
graphql-playground
-
Migrating Netflix to GraphQL Safely
> FYI, GraphiQL is deprecated, GraphQL Playground is a good alternative.
You have this backwards.
https://github.com/graphql/graphql-playground/issues/1366#is...
https://github.com/graphql/graphiql
- ISO: Library for a quick GraphQL frontend
-
Exploring GraphiQL 2 Updates and New Features
GraphiQL is a tool that was created to help developers explore GraphQL APIs, maintained by the GraphQL Foundation. But when GraphiQL became more and more popular, developers started to create additional GraphQL IDEs. A good example of this was GraphQL Playground, which quickly became the most popular GraphQL IDE. It was loosely based on GraphiQL, but had more features and a better UI.
-
Why Is It So Important To Go To Meetups
I went to a GraphQL meetup and they used the gql playground and a similar schema generator to what I was using, and it made me feel relevant.
-
GraphQL subscriptions at scale with NATS
Here, we'll create a simple GraphQL server and subscribe to a subject from our resolver. We'll use GraphQL playground to mock client side behavior. Once we're connected we'll use NATS CLI to send a payload to our subject and see the changes on the client.
-
GraphQL vs REST in .NET Core
Now we can consume created GraphQL API. In the GitHub Repo same functionality has been added with REST approach and GraphQL endpoint. Also widely used Swagger configured for Web API Endpoints as well as AltairUI added for GraphQL endpoint testing. Naturally, AltairUI it not a must for GraphQL, you can also use Swagger, GraphiQL, or GraphQL Playground.
-
Creating GraphQL Api Using NestJS For Multiple Databases
Navigate to http://localhost:3000/graphql. NestJS uses graphql playground by default. It's a lovely GraphQL IDE. We can check our schema here.
-
In any way get the previous graphql playground instead of apollo sandbox?
GraphQL Playground is usable in various ways. I recommend checking out the readme over here: https://github.com/graphql/graphql-playground
-
Keeping certain parts of your GraphQL schema hidden from Introspection
GraphQL is a popular and powerful way to build your APIs and power your website; we use it for most of our APIs at Anvil. One of the best things about GraphQL is that it provides an Introspection Query capability which allows users to explore and learn about what's possible in a given API. In that way, GraphQL is "self-documenting". Some great tools like Playground and Anvil's own SpectaQL leverage the Introspection Query.
-
Autogenerate GraphQL API documentation with SpectaQL
Traditionally, most of the above problems have been pretty unavoidable, but at Anvil most of our APIs are implemented in GraphQL. GraphQL requires the definition of a schema that describes all the types, fields, methods, arguments, return types, etc, and even allows for descriptions of most things to be included. In this way, GraphQL implementations are pretty self-describing, and great tools like GraphiQL or Playground already exist to leverage this attribute of the framework. Because of all this, I knew that there must be a better way to do documentation in GraphQL-land, and I sought out to find it.
foundation
-
Building Scalable GraphQL Microservices With Node.js and Docker: A Comprehensive Guide
GraphQL is a query language and runtime for APIs. It provides a flexible and efficient way for clients to request and retrieve specific data from a server using a single API endpoint.
-
Type-Safe Fetch with Next.js, Strapi, and OpenAPI
When you use technologies like GraphQL, it is trivial to derive TypeScript types. A GraphQL API is created by implementing a schema. Generating the TypeScript type definitions from this schema is simple, and you do not have to do any more work than just making the GraphQL API. This is one reason why I like GraphQL so much.
-
REST vs. GraphQL: A Detailed Comparison of API Architectures for Developers
REST and GraphQL have advantages, drawbacks, and use cases for different environments. REST is for simple logic and a more structured architecture, while GraphQL is for a more tailored response and flexible request.
-
Gatsby tutorial: Build a static site with a headless CMS
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
-
Rust GraphQL APIs for NodeJS Developers: Introduction
In my usual NodeJS tech stack, which includes GraphQL, NestJS, SQL (predominantly PostgreSQL with MikroORM), I encountered these limitations. To overcome them, I've developed a new stack utilizing Rust, which still offers some ease of development:
-
How to convert a TypeScript built-in enum to a GraphQL enum
At Woovi we are GraphQL lovers, hence we develop many helpers around this tool to bring a good developer experience.
-
How to Build & Deploy Scalable Microservices with NodeJS, TypeScript and Docker || A Comprehesive Guide
A query language for APIs that allows clients to request only the data they need. It provides a more flexible and efficient alternative to RESTful APIs. GraphQL provides a single endpoint for multiple data sources, making it efficient for clients to retrieve only the necessary information forexample if a Node.js microservice uses GraphQL, a client can send a query to request specific data, and the GraphQL service will fetch the required information from the underlying data sources and respond accordingly.
-
Embracing the Headless Channel in Xperience by Kentico
This approach is particularly beneficial for teams looking to enhance their digital presence without the need for extensive coding or software development. By leveraging the GraphQL API endpoint, developers can prepare and execute queries to retrieve the desired content. This makes the Headless Channel a valuable tool 🔨 for content managers and developers, offering ease of use and practicality.
-
Building a CRUD application with React, TypeScript, TypeORM, MySQL, GraphQL, and NodeJs | Part A
To know about Graphql and why it's being used head over to for more details, Now let's cut to the chase.
-
Supercharging Your App Development: Unleashing the Full Potential of React Native
GraphQL is an excellent choice for real-time data synchronization in React Native apps. By using GraphQL, you can retrieve precisely the data you need and receive updates in real-time, reducing network usage and providing a seamless user experience.
What are some alternatives?
graphiql - GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.
MongoDB - The MongoDB Database
spectaql - Autogenerate static GraphQL API documentation
reddit-clone-with-redwoodjs
graphql-voyager - 🛰️ Represent any GraphQL API as an interactive graph
Hasura - Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.
prisma-dbml-generator - Prisma DBML Generator
Apache Cassandra - Mirror of Apache Cassandra
nestjs-graphql-prisma-realworld-example-app - Example real world application built with NestJS, Prisma and GraphQL
React - The library for web and native user interfaces.
dociql - A beautiful static documentation generator for GraphQL
Materialize - Materialize, a CSS Framework based on Material Design