SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript GraphQL Projects
-
supabase
The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.
Supabase | Senior Elixir Engineer | APAC | Remote | https://supabase.com/
We're hiring to grow our Elixir teams mainly on Supavisor and Realtime projects. You will be using Elixir and also help build new client libs mainly in TS. We work in an opensource manner so you can check our code in https://github.com/supabase/realtime and https://github.com/supabase/supavisor.
* Senior Elixir Engineer: https://jobs.ashbyhq.com/supabase/46ffc00b-b9a7-4b45-a6f2-1a...
Any question, email me at [email protected]
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Although Apidog is a popular REST client, you can also use others, such as Insomnia, RapidAPI for Mac, and Hoppscotch.
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.
Strapi is an open-source, Node.js headless content management system (CMS) that helps developers create and manage content-rich experiences for any digital device. Strapi can be used to develop websites, mobile apps, eCommerce sites, and APIs.
-
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.
Great to see this--there are some nice features that encourage using standard web technologies like forms, and some solid quality of life improvements.
However, I'm disappointed (but not surprised, this was listed as out of scope for 19) that triggering Suspense is still basically "use a framework that supports it." I have not been able to find any documentation or blog posts about the mechanism. I've tried to figure out how it works by looking at TanStack Query, but I've had limited success so far. I've found they're copying React's twist on Promises [1], but I haven't gotten this to work yet.
I know the general idea is you throw Promises, but Suspense explicitly forbids using promises created during rendering. This means you can't just interrupt the component's initial render to load some data, and then restart it when its data is available. This means the component needs to deal with null data somehow, instead of, e.g., being able to call a custom `useSomeData` hook and rely on it to first suspend and then return the loaded data. Not having to deal directly with loading states in individual components could simplify things quite a bit.
Has anyone explored this side of Suspense?
[1]: https://github.com/TanStack/query/blob/main/packages/query-c...
-
Hasura
Blazing fast, instant realtime GraphQL APIs on all your data with fine grained access control, also trigger webhooks on database events.
Project mention: Automatically Generate REST and GraphQL APIs From Your Database | dev.to | 2024-12-19Hasura and PostGraphile lead the PostgreSQL GraphQL landscape. Hasura provides real-time subscriptions and a powerful permissions system, while PostGraphile offers deep PostgreSQL integration and excellent performance for complex queries.
-
payload
Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
Project mention: Ask HN: Best headless CMS for a developer portal | news.ycombinator.com | 2025-01-04Check out Payload - fully OSS, modeled after the … few good parts of WP
https://payloadcms.com
-
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
airbnb, retool, sentry, datadog, snowflake..
refine: https://github.com/refinedev/refine
-
Directus
The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
-
react-admin
A frontend Framework for single-page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design
Project mention: A Year of Transformation: Reflecting on 2024's Journey in Tech and Beyond | dev.to | 2025-01-01I was learning React JS front end and in this journey of self learning, I have achieved many milestone like utilizing react-admin framework. I also implemented two-factor authentication using Authenticator tools with react-admin framework. It was a very challenging job to include two-factor alongside react-admin authentication as there is no tutorial available for it. But this is very much required in the era of AI infused cyber threats to secure your applications.
-
Star on GitHub ⭐ - Twenty
-
-
react-starter-kit
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
-
Project mention: Show HN: Triplit – Open-source syncing database that runs on server and client | news.ycombinator.com | 2024-06-25
Looks like it could be a more batteries-included/opinionated alternative to RxDB (https://rxdb.info). The relational queries might help some people who tend to think in SQL as opposed to documents (as in CouchDB or MongoDB) and the WebSockets for synchronization will help people get started more quickly. (RxDB provides interfaces for those who want to implement their own storage engine and/or synchronization backend.)
-
Take GraphQL as an example—REST APIs have a similar challenge, often using something like OpenAPI as the "schema." If you want your code to be the source of truth, you can use something like TypeGraphQL, which generates the GraphQL schema based on decorators in your classes. On the other hand, you can use the reference GraphQL server implementation (graphql-js) with raw Schema Definition Files as your contract—then generate TypeScript types using something like GraphQL Codegen.
-
apollo-client
:rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
-
RedwoodJS. Batteries-included React- and RSC-based full-stack web framework for startups.
-
-
Hashnode API is well-documented. Also, it comes with a GraphiQL playground. You can use the playground to explore the API and test your queries.
-
amplication
Amplication brings order to the chaos of large-scale software development by creating Golden Paths for developers - streamlined workflows that drive consistency, enable high-quality code practices, simplify onboarding, and accelerate standardized delivery across teams.
Project mention: Top 15 Open-Source Low-Code Projects with the Most GitHub Stars | dev.to | 2024-07-18GitHub https://github.com/amplication/amplication GitHub Stars 14.8k Most Recent Update on GitHub Within one day Open Source License Apache 2.0 Number of Active Contributors This Year 15 Acceptance of External PRs Yes Official Website https://amplication.com/ Documentation https://docs.amplication.com/
-
apollo-server
🌍 Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.
Apollo Server Guide
-
crystal
🔮 Graphile's Crystal Monorepo; home to Grafast, PostGraphile, pg-introspection, pg-sql2 and much more! (by graphile)
Project mention: Ask HN: What Underrated Open Source Project Deserves More Recognition? | news.ycombinator.com | 2024-03-07I didn't see a v5 tag in order to know, and I have no idea what "utils/graphile" does for the project, but one will want to ensure they are aware of its licensing scheme https://github.com/graphile/crystal/blob/db8894c74eb0ec3fe96...
-
2. Deserializing JSON into objects I knew for this project I'd have to deserialize GeoJSON into objects to work with them effectively in the app. Building this beast of a class felt quite daunting for being brand new to Dart and also for what was quite a complex GeoJSON file. However, I found an open source library called quicktype that generates strongly-typed models and serializers from JSON type scripts to a number of languages, including Dart. All you have to do is put in the JSON you want decoded, and it will return a prebuilt class that you can then use in your project. Quicktype have a handy website front end (https://app.quicktype.io/) for this - it worked first time and I was so grateful not to have to build this myself!
-
graphql-code-generator
A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
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).
TypeScript GraphQL discussion
TypeScript GraphQL related posts
-
Learning API Requests with GUI client - The easy way🚀🚀
-
Ask HN: Best headless CMS for a developer portal
-
Building a Simple Real-Time Chat App with Payload CMS
-
Show HN: API Parrot – Automatically Reverse Engineer HTTP APIs"
-
From REST to GraphQL: Why and How I Made the Switch
-
Zero, One, Infinity Principle in Software Development
-
How to integrate CopilotKit with Prisma Integration into your nextJs project
-
A note from our sponsor - SaaSHub
www.saashub.com | 16 Jan 2025
Index
What are some of the best open-source GraphQL projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | supabase | 76,125 |
| 2 | Hoppscotch | 66,418 |
| 3 | Strapi | 64,658 |
| 4 | TanStack Query | 43,305 |
| 5 | Hasura | 31,264 |
| 6 | payload | 31,065 |
| 7 | Refine | 29,362 |
| 8 | Directus | 28,712 |
| 9 | react-admin | 25,227 |
| 10 | Twenty | 24,503 |
| 11 | hey | 23,927 |
| 12 | react-starter-kit | 22,799 |
| 13 | RxDB | 21,805 |
| 14 | graphql-js | 20,120 |
| 15 | apollo-client | 19,428 |
| 16 | redwood | 17,439 |
| 17 | learn-anything | 16,213 |
| 18 | graphiql | 16,196 |
| 19 | amplication | 15,483 |
| 20 | apollo-server | 13,827 |
| 21 | crystal | 12,648 |
| 22 | quicktype | 12,591 |
| 23 | graphql-code-generator | 10,913 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com