GraphQL

Open-source projects categorized as GraphQL
Edit details
Language: + TypeScript + JavaScript + Python + Go
Topics: TypeScript React API NodeJS JavaScript
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
Sponsored

Top 23 GraphQL Open-Source Projects

  • supabase

    The open source Firebase alternative.

    • Project mention: How to get free Postgres | dev.to | 2024-04-24

    Sign up for SupaBase: Head over to SupaBase and sign up. Create a new workspace and project with your preferred names.

  • Postwoman

    👽 Open source API development ecosystem - https://hoppscotch.io

    • Project mention: Bypass CORS errors while testing your APIs using Hoppscotch 🔧 | dev.to | 2024-04-17

    How can Hoppscotch help you intercept the API calls? 👽

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Strapi

    🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

    • Project mention: How to Build an AI FAQ System with Strapi, LangChain & OpenAI | dev.to | 2024-04-21

    Strapi provides a centralized data managing platform. This makes it easier to organize, update, and maintain the FAQ data. It also automatically generates a RESTful API for accessing the content stored in its database.

  • Gatsby

    The best React-based framework with performance, scalability and security built in.

    • Project mention: Gatsby tutorial: Build a static site with a headless CMS | dev.to | 2024-03-22

    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.

  • prettier

    Prettier is an opinionated code formatter.

    • Project mention: To Review or Not to Review: The Debate on Mandatory Code Reviews | dev.to | 2024-04-24

    Automating code checks with static code analysis allows us to enforce code styling effectively. By integrating tools into our workflow, we can identify errors at an early stage, while coding instead of blocking us at the end. For instance, flake8 checks Python code for style and errors, eslint performs similar checks for JavaScript, and prettier automatically formats code to maintain consistency.

  • TanStack Query

    🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

    • Project mention: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10

  • insomnia

    The open-source, cross-platform API client for GraphQL, REST, WebSockets, SSE and gRPC. With Cloud, Local and Git storage.

    • Project mention: Building a RESTful API with Node.js and Express | dev.to | 2024-04-08

    Use tools like Postman or Insomnia to test the API endpoints and ensure they behave as expected.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • Hasura

    Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.

    • Project mention: Serious flaws in SQL – Edgar F. Codd (1990) | news.ycombinator.com | 2024-04-25

    > 2. ORMs do not hide SQL nastiness.

    This is certainly true!

    I mean: ORMs are now well known to "make the easy queries slightly more easy, while making intermediate queries really hard and complex queries impossible".

    I think the are of ORMs is over. It simply did not deliver.

    If a book on SQL is --say-- 100 pages, a book on Hibernate is 400 pages. So much to learn just to make the easy queries slightly easier to type? Just not worth it.

    I prefer jooq any day over ORMs. And dont get me started over what tools like Hasuna have to offer.

    There are also some languages (forgot the names) that are SQL-done-right. Select in the back, more type safe, more logic, more in the same steps as the query gets executed. These need to be adopted by PG and MySQL and we're good to go. (IMHO)

    https://www.jooq.org/

    https://hasura.io/

  • Directus

    The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

    • Project mention: How to Deploy Directus as a Backend-as-a-Service (BaaS) on Koyeb | dev.to | 2024-04-25

    Directus is an open data platform built to serve as a headless CMS, API, or Backend-as-a-Service (BaaS) for other applications. It is designed to make data accessible to people of all technical levels and to make it easy to build data-centric applications. Directus is extensible and can be integrated with many different frontend technologies to create stable, well-structured development and user experiences.

  • Refine

    A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

    • Project mention: Synch vs. Async Programming | dev.to | 2024-04-16

  • react-admin

    A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design

    • Project mention: Ask HN: Does Anyone Use a "Closed Core" Software Model? | news.ycombinator.com | 2024-04-16

    > "Are there examples of companies adopting this model?"

    Many examples across the industry:

    - Autodesk AutoCAD (closed) + Plugins/Addons (many open)

    - MS Windows (closed) + Many 3rd party programs (open)

    - Github (closed) + Github Actions (open)

    - Npm (closed) + Npm modules (mostly open)

    > "What are the potential benefits or pitfalls?"

    Benefits:

    - Harder to replicate, the company gets to keep the "secret sauce" a secret

    - Opening up a way to "extend" the platform means 3rd party developers add value to your system

    - The core isn't open, so less effort is required to maintain compare to OpenSource

    Pitfalls:

    - Closed-source is hard to verify, company is essentially saying "trust me bro"

    - Less innovation, as user's can't contribute to the core

    > "How does it impact community engagement and software adoption?"

    There's hardcore FOSS advocates that will hate anything not fully open. But a business has to make money and protect it's IP, having a "closed core" is one way to do that and ensure a sustainable business model.

    Another approach is the opposite, open-core + closed-premium-addons. An example of this is "React Admin"

    - Open Core -> https://github.com/marmelab/react-admin

    - Premium Modules Offering -> https://react-admin-ee.marmelab.com/

  • react-starter-kit

    The web's most popular Jamstack front-end template (boilerplate) for building web applications with React

    • Project mention: Major Update to React Starter Kit: Welcome Joy UI and Jotai! | /r/reactjs | 2023-12-04

    Your Feedback Matters Your feedback is crucial for the continuous improvement of the React Starter Kit. Please try out the new version and share your thoughts and experiences. If you encounter any issues or have suggestions, feel free to open an issue on GitHub or join our community chat on Discord. We're excited to see the amazing applications you'll build with these new features! Happy coding! https://github.com/kriasoft/react-starter-kit

  • hey

    Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿

    • Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25

  • parse-server

    Parse Server for Node.js / Express

    • Project mention: The 2024 Web Hosting Report | dev.to | 2024-02-20

    Backend as a Service (BaaS) goes back to early 2010’s with companies like Parse and Firebase. These products integrated everything a backend provides to a webapp in a single, integrated package that makes it easier to get started and enables you to offload some of the devops maintenance work to someone else.

  • RxDB

    A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/

    • Project mention: Ask HN: How Can I Make My Front End React to Database Changes in Real-Time? | news.ycombinator.com | 2024-04-17

    I'm interested in this problem also!

    I think there is a large overlap with projects that market/focus on offline-first experiences.

    AFAIK this problem can be solved by:

    1) Considering a client-side copy of the database that gets synced with the remote DB. This is an approach [PowerSync](https://www.powersync.com/) and [ElectricSql](https://electric-sql.com/) and [rxdb](https://rxdb.info/) take!

  • Saleor

    Saleor Core: the high performance, composable, headless commerce API.

    • Project mention: Ask HN: What Underrated Open Source Project Deserves More Recognition? | news.ycombinator.com | 2024-03-07

    Saleor Core: the high performance, composable, headless commerce API

    https://github.com/saleor/saleor

  • dgraph

    The high-performance database for modern applications

    • Project mention: DGraph – GraphQL Database | news.ycombinator.com | 2024-03-12

  • graphql-js

    A reference implementation of GraphQL for JavaScript

    • Project mention: Understanding TTFB Latency in DJango - Seems absurdly slow after DB optimizations even locally | /r/django | 2023-12-08

  • payload

    The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.

    • Project mention: Best way to build a modern back end and admin UI. No black magic | news.ycombinator.com | 2024-04-21

  • apollo-client

    :rocket:  A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.

    • Project mention: Things I wish I knew before moving 50K lines of code to React Server Components | news.ycombinator.com | 2023-09-01

    Actually, it's worse than that. Next has started throwing errors if it statically detects you even _importing_ hooks inside of a React Server Component environment:

    - https://github.com/apollographql/apollo-client/issues/10974

    - https://github.com/apollographql/apollo-client/issues/11167

    To the point that Lenz Weber( a maintainer of Apollo Client, and my co-maintainer on Redux Toolkit), is considering resorting to a package that wraps and re-exports all of React's public API just to avoid that static analysis:

    - https://github.com/apollographql/apollo-client/pull/11175

  • redwood

    The App Framework for Startups

    • Project mention: Release Radar • February 2024 Edition | dev.to | 2024-02-29

    Frameworks are a theme with this month's Release Radar, so here's another. Redwood is a full-stack, JavaScript/TypeScript web application, designed to scale with you. It uses React frontend for the frontend and links to a custom GraphQL API for the backend. The latest version includes a bunch of breaking changes such as moving to Node 20.0, the Redwood Studio, and highly requested GraphQL features such as Realtime, Fragments, and Trusted Documents, the server file, new router hooks, and heaps more. If you've previously used Redwood, you'll probably want to upgrade to version 7.0. The team have put together a handy migration guide for you to follow.

  • learn-anything.xyz

    Organize world's knowledge, explore connections and curate learning paths

    • Project mention: Learn Anything – Organize knowledge, explore connections, curate learning paths | news.ycombinator.com | 2024-04-19

  • graphiql

    GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.

    • Project mention: FLaNK 15 Jan 2024 | dev.to | 2024-01-15

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
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).

GraphQL related posts

Index

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

Project Stars
1 supabase 65,869
2 Postwoman 60,091
3 Strapi 59,941
4 Gatsby 55,000
5 prettier 48,241
6 TanStack Query 39,627
7 insomnia 33,067
8 Hasura 30,810
9 Directus 25,357
10 Refine 24,588
11 react-admin 23,981
12 react-starter-kit 22,502
13 hey 22,319
14 parse-server 20,613
15 RxDB 20,581
16 Saleor 20,082
17 dgraph 20,059
18 graphql-js 19,916
19 payload 19,444
20 apollo-client 19,199
21 redwood 16,734
22 learn-anything.xyz 15,694
23 graphiql 15,663

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com