JavaScript GraphQL

Open-source JavaScript projects categorized as GraphQL | Edit details

Top 23 JavaScript GraphQL Projects

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: How I built a Theme Switcher based on Singapore attractions | | 2021-07-23

    As Max's website uses Eleventy while mine is built with Gatsby, the guide below will vary in implementation.

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: My Very First App | | 2021-07-23

    Prettier with autoformatting on save is must have, code looks better and easer to read (and helps to avoid lots of problems, working in a team with programmers who have different codestyle)

  • GitHub repo Strapi

    🚀 Open source Node.js Headless CMS to easily build customisable APIs

    Project mention: How to Build a To-do app with Svelte, Strapi & Tailwind CSS | | 2021-07-22

    Strapi is an open-source headless Node.js CMS built purely with JavaScript that helps to create fully customizable and scalable APIs. With Strapi, we can build APIs using REST or GraphQL architecture.

  • GitHub repo parse-server

    API server module for Node/Express

    Project mention: Ask HN: What Back End Framework with User Management Is Your Favorite? | | 2021-06-29

    I am curious what backend framework you would choose to run with for prototyping an application with run of the mill user management requirements. That is functionality along the lines of: session management, password policies, password reset, user verifications, etc.

    Sadly it seems there really aren't any frameworks that have user management natively supported. The only one I am aware of is [Parse Server](, however it is now somewhat dated and the community is seems to be diminishing. I am also aware there are many libraries that handle this sort of thing which can be added to a more vanilla framework. If no framework comes to mind I am curious what are your favorite libraries for said use case? Any language works.

    Lastly, more generically, what tools / frameworks / libraries / solutions did you use in the last web app you made to facilitate not having to recreate the mundane?

    Thanks for your input!

  • GitHub repo insomnia

    The Open Source API Client and Design Platform for GraphQL, REST and gRPC

    Project mention: Insomnia - transform Collection to Document. | | 2021-07-20

    However, I came across one problem: how to transform one project type into another. A built-in feature is nowhere to be found. So, the first thing I did was create a ticket to support. The answer came in immediately (big thanks to Insomnia's support). Next, following the support’s suggestion, I created the issue on Github. But…I needed solutions for that moment. Thus, I compared two import files and found certain differences, the result of which I‘m presenting the instructions below.

  • GitHub repo Reaction Commerce

    Reaction is an API-first, headless commerce platform built using Node.js, React, GraphQL. Deployed via Docker and Kubernetes.

    Project mention: Best Node Js E Commerce Frameworks | | 2021-03-08 always looked promising to me.

  • GitHub repo dataloader

    DataLoader is a generic utility to be used as part of your application's data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching.

    Project mention: Do resolvers cause a lot of extra database transactions? | | 2021-06-30

    What you are looking for is dataloader.

  • GitHub repo spectrum

    Simple, powerful online communities.

    Project mention: Show HN: GraphCDN, the GraphQL CDN with edge caching and analytics | | 2021-06-17

    Hey HN,

    When I built my last startup, Spectrum, we spent months building custom caching for our GraphQL API from scratch. It never worked well enough to alleviate our scaling troubles as we could only cache data for unauthenticated users since we had no invalidation. (since we open sourced it all before GitHub acquired us, you can even read through my terrible code[0])

    When Tim told me he had built a prototype of a CDN specifically for caching GraphQL query results with proper invalidation, my first thought was: "Finally!" Not only had he made it possible to cache POST requests (which GraphQL requests usually are), he had made it possible to purge cached query results per specific GraphQL object. For example, when a user edits their name the API can call a purgeUser(id: $ID) mutation and any cached query result that contains that user's data is invalidated.

    GraphCDN is based on Fastly [email protected] under the hood, which is really the main reason we were able to spin this up so quickly. Huge shoutout to the folks building that!

    We'll be around all day to answer any questions you have about GraphCDN — ask us anything!


  • GitHub repo redwood

    Bringing full-stack to the Jamstack.

    Project mention: a history of hosting redwoodJS: how the universal deployment machine was built | | 2021-06-02

    RedwoodJS was originally architected to run as a static frontend deployed on a CDN that sends requests to a serverless GraphQL handler. The GraphQL handler was first deployed on AWS Lambda via Netlify Functions. Despite all the jargon in the previous description, you can forget about most of those terms with the notable exceptions of frontend and GraphQL.

  • GitHub repo Telescope

    🌋 A toolkit to quickly build apps with React, GraphQL & Meteor

    Project mention: How the State of JS/CSS Surveys Are Run | | 2021-03-24

    This app is itself based on a full-stack JavaScript framework I created, Vulcan.js. It works well enough for now, but in the future the app might need to be refactored in order to handle more surveys in parallel.

  • GitHub repo Gridsome

    ⚡️ The Jamstack framework for Vue.js

    Project mention: How We Implemented Fault Tolerant Hosting For ERPNext | | 2021-07-23

    Our Front end is Using React with Gatsby and Netlify Functions. The Reason for Using Gatsby is it's Performance , SEO and Automated Splitting is built into framework which makes it perfect for Creating High Performant Pages. If you are a Vue Fan then you can use Gridsome. At Front end We take Information through Form , Verify it and Then Call a Function that queue the site creation process. Now our backend Part Comes in.

  • GitHub repo vue-apollo

    🚀 Apollo/GraphQL integration for VueJS

    Project mention: Why is graphql-tag needed for Vue Apollo? | | 2021-06-28

    I'm learning GraphQL and every tutorial/vid I look at in relation to using Apollo with Vue seems to involve this other package, graphql-tag. But no one ever seems to explain why it's needed, and it's not listed as a dependency of Vue Apollo. So can anyone tell me precisely why graphql-tag is needed, and whether Apollo can work with Vue without it? Essentially, is it required (and if so why isn't it listed as an Apollo dependency?) or optional?

  • GitHub repo react-firebase-starter

    Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay

    Project mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | | 2021-05-11


  • GitHub repo graphqurl

    curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.

    Project mention: Graphqurl - curl-like CLI for GraphQL | | 2021-06-01

    And the actual tool:

  • GitHub repo gatsby-starter-lumen

    A constantly evolving and thoughtful architecture for creating static blogs.

    Project mention: [TASK] Help needed with SSL_ERROR_ILLEGAL_PARAMETER_ALERT error on React website | | 2021-04-22

    The blog is based on this theme:

  • GitHub repo graphql-hooks

    🎣 Minimal hooks-first GraphQL client

    Project mention: 5 GraphQL clients for JavaScript and Node.js | | 2021-07-06

    graphql-hooks is downloaded 6K times monthly on npm to go along with 1.5K stars on GitHub.

  • GitHub repo chaskiq

    A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc ...

    Project mention: Building a customer support solution focused on video calls | | 2021-04-30

    - Try and see what we can do with it. My concern with it, is that it might not be "enterprise ready" in terms of reliability and security

  • GitHub repo json-graphql-server

    Get a full fake GraphQL API with zero coding in less than 30 seconds.

    Project mention: What if LinkedIn was beautiful? | | 2021-03-19

    Before jumping into the interface, the first task in my To-Do list was to create an API able to serve the data in the structure that I would need them. I didn't need to create it from scratch using a real database since it wouldn't be necessary to insert/update or delete any data — I just needed an API returning all the data that I would use. To achieve that, I used the awesome package json-graphql-server which does an amazing job creating a GraphQL API with static data that can be stored in a simple JSON file on the server — I just realize that the package name does a pretty good job describing it.

  • GitHub repo graphql-upload

    Middleware and an Upload scalar to add support for GraphQL multipart requests (file uploads via queries and mutations) to various Node.js GraphQL servers.

    Project mention: What are your thoughts on Next/Apollo/Prisma stack? Should I use it for my project (see details in the description)? Can you share some advice? | | 2021-05-14

    For file-uploads there is Usually at scale you would use a service such as S3 for storing the files. IMHO, proxying the files through the GraphQL server is a big performance penalty. Therefore I would rather recommen uploading to the file storage directly from the client, e.g. by issuing a pre-singed upload url that can be requested via a GraphQL mutation.

  • GitHub repo create-eth-app

    Create Ethereum-powered apps with one command

    Project mention: Front-end dApp templates with basic boilerplate taken care of? | | 2021-06-30
  • GitHub repo mercurius

    Implement GraphQL servers and gateways with Fastify

    Project mention: Test GraphQL API's easily | | 2021-07-20

    I'll give you a brief introduction to today's example. I made an Api using Fastify and mercurius (formerly fastify-gql), this because it already has support for async middleware support and is quite simple to configure. In addition, axios is used to make http requests to the jsonplaceholder Api to get a user and posts from that same user.

  • GitHub repo swapi-graphql

    A GraphQL schema and server wrapping SWAPI.

    Project mention: SWAPI GraphQL Demo | | 2021-06-05

    Before getting started we need to find a working GraphQL SWAPI endpoint. The official repo is only for setting up our own server (which is nice to have), but if we don't want to set up a demo server, then we need a ready to use endpoint.

  • GitHub repo create-social-network

    An educational project, demonstrating how to build a large scalable project with Javascript.

    Project mention: I need some ideas | | 2021-05-21
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-07-23.


What are some of the best open-source GraphQL projects in JavaScript? This list will help you:

Project Stars
1 Gatsby 50,876
2 prettier 40,118
3 Strapi 37,748
4 parse-server 18,789
5 insomnia 16,952
6 Reaction Commerce 11,360
7 dataloader 10,645
8 spectrum 9,995
9 redwood 8,499
10 Telescope 8,023
11 Gridsome 7,755
12 vue-apollo 5,404
13 react-firebase-starter 4,318
14 graphqurl 2,910
15 gatsby-starter-lumen 1,700
16 graphql-hooks 1,525
17 chaskiq 1,481
18 json-graphql-server 1,459
19 graphql-upload 1,161
20 create-eth-app 993
21 mercurius 980
22 swapi-graphql 944
23 create-social-network 920