{"id":76934,"url":"https://github.com/hasura/awesome-angular-graphql","name":"awesome-angular-graphql","description":"A curated collection of resources, clients and tools that make working with `GraphQL and Angular` awesome","projects_count":53,"last_synced_at":"2026-06-03T06:00:20.767Z","repository":{"id":87598116,"uuid":"156680059","full_name":"hasura/awesome-angular-graphql","owner":"hasura","description":"A curated collection of resources, clients and tools that make working with `GraphQL and Angular` awesome","archived":false,"fork":false,"pushed_at":"2019-10-05T14:57:25.000Z","size":17,"stargazers_count":132,"open_issues_count":1,"forks_count":8,"subscribers_count":8,"default_branch":"master","last_synced_at":"2026-05-01T05:04:17.910Z","etag":null,"topics":["angular","angularjs","awesome-list","graphql"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hasura.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-11-08T09:12:52.000Z","updated_at":"2026-01-22T15:05:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"52f17054-707b-4e45-b03d-4eea48106bde","html_url":"https://github.com/hasura/awesome-angular-graphql","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hasura/awesome-angular-graphql","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasura%2Fawesome-angular-graphql","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasura%2Fawesome-angular-graphql/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasura%2Fawesome-angular-graphql/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasura%2Fawesome-angular-graphql/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hasura","download_url":"https://codeload.github.com/hasura/awesome-angular-graphql/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasura%2Fawesome-angular-graphql/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33850627,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-03T02:00:06.370Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-11-10T08:25:22.003Z","updated_at":"2026-06-03T06:00:20.768Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Server Side Tools","Clients","Developer Tools","Articles and Videos","Stories","Boilerplates and Example Apps","Tutorials","General Resources"],"sub_categories":["Articles","Videos"],"readme":"# Awesome Angular GraphQL [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e A curated collection of resources, clients and tools that make working with `GraphQL and Angular` awesome.\n\n## Contents\n\n- [General Resources](#general-resources)\n- [Clients](#clients)\n- [Developer Tools](#developer-tools)\n- [Tutorials](#tutorials)\n- [Boilerplates](#boilerplates-and-example-apps)\n- [Server Side Tools](#server-side-tools)\n- [Articles and Videos](#articles-and-videos)\n- [Stories](#stories)\n\n## General Resources\n\n- [GraphQL](http://graphql.org/learn/)\n- [Angular](http://angular.io)\n\n## Clients\n\n\u003e Angular clients for GraphQL\n\n- [Apollo](https://www.apollographql.com/): Apollo Client is a community-driven GraphQL client for Angular, JavaScript, and native platforms\n  - [Docs](https://www.apollographql.com/docs/angular/)\n  - [Github](https://github.com/apollographql)\n  - [Slack](https://www.apollographql.com/slack)\n  - [Discord](https://discord.gg/0ZcbPKXt5bX40xsQ)\n  \n\n## Developer Tools\n\n\u003e Tools for better development (debugging, linting, validation etc)\n\n- Code generators:\n  - [apollo-codegen](https://github.com/apollographql/apollo-codegen): Generate API code or type annotations based on a GraphQL schema and query documents\n  - [graphql-code-generator](https://github.com/dotansimha/graphql-code-generator): GraphQL code generator with flexible support for custom templates\n- Linters:\n  - [eslint-plugin-graphql](https://github.com/apollographql/eslint-plugin-graphql): Check your GraphQL query strings against a schema\n- Angular Debugging Tools\n  - [Apollo Client Developer Tools](https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm): Chrome extension for Apollo Client developer tools\n  - [Augury](https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd): Augury is a Google Chrome Dev Tool extension for debugging and visualizing Angular applications at runtime.\n  - [Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en)\n  Relay outside Chrome\n- GraphQL Workflows:\n  - [GraphQL Playground](https://github.com/graphcool/graphql-playground): Powerful GraphQL IDE built on top of GraphiQL\n  - [Altair GraphQL Client](https://altair.sirmuel.design/): A beautiful feature-rich GraphQL Client for all platforms\n  - [GraphiQL Online](https://graphiql-online.com): An online version of GraphiQL with a configurable endpoint and headers.\n\n## Tutorials\n\n\u003e Awesome tutorials for using GraphQL with Angular\n\n- Angular, GraphQL and Apollo\n  - [Angular + Apollo Tutorial](https://learn.hasura.io/graphql/angular-apollo)\n  - [Angular GraphQL Tutorial](https://www.howtographql.com/angular-apollo/0-introduction/)\n  - [(Video) Apollo Client For Angular - Making Use of GraphQL](https://www.youtube.com/watch?v=dp_64aX_6jI)\n  - [(Video) Apollo Angular GraphQL Optimistic UI](https://www.youtube.com/watch?v=Wc7bJ2uv694)\n  - [Fetching Data using GraphQL Queries with Angular \u0026 Apollo Tutorial](https://www.howtographql.com/angular-apollo/2-queries-loading-links)\n  - [(Video) Using GraphQL with Angular](https://www.youtube.com/watch?v=-ONW7mDg0-o)\n  - [(Video) Faster modern apps with Angular and GraphQL](https://www.youtube.com/watch?v=Xx39bv-5ojA)\n\n## Boilerplates and Example Apps\n\n\u003e Boilerplates and examples for a headstart in development\n\n- Angular Apollo GraphQL\n  - [Angular Fullstack Graphql](https://github.com/graphql-boilerplates/angular-fullstack-graphql)\n  - [Angular Todo App using Apollo Client](https://github.com/WickedBrat/hasura-angular-todo)\n  - [Angular AppSync Starter App](https://github.com/aws-samples/aws-mobile-appsync-chat-starter-angular)An AWS AppSync Chat Starter App written in Angular.\n  - [Next.js With Apollo](https://github.com/zeit/next.js/tree/master/examples/with-apollo) - Boilerplate for building Next.js apps with Apollo.\n  - [Apollo Angular SSR](https://github.com/kamilkisiela/apollo-angular-ssr) - Apollo-Angular with SSR and Store Rehydration\n  - [Apollo Angular](https://github.com/apollographql/apollo-angular)\n\n## Server Side Tools\n\n\u003e Get a GraphQL backend for your applications using these service providers\n\n- [AWS AppSync](https://aws.amazon.com/appsync/): Build data-driven apps with real-time and offline capabilities\n- [Graphcool](https://graph.cool): Self-Hosted GraphQL BaaS\n- [Hasura](https://hasura.io): Instant GraphQL APIs on Postgres\n- [Postgraphile](https://www.graphile.org): Rapidly build highly customisable GraphQL APIs\n- [Prisma](https://www.prisma.io/): Turn your database into a GraphQL API.\n\n## Articles and Videos\n\n### Articles\n\n- [So what’s this GraphQL thing I keep hearing about?](https://medium.freecodecamp.org/so-whats-this-graphql-thing-i-keep-hearing-about-baf4d36c20cf)\n- [Thinking in Graphs](http://graphql.org/learn/thinking-in-graphs/)\n- [What are the benefits of using GraphQL and why it surpasses REST](https://blog.hellocomet.co/graphql-benefits-api/)\n- [How To Use GraphQL with Angular 2 (with Example)](https://gearheart.io/blog/how-to-use-graphql-with-angular-2-with-example/)\n- [Angular 4 + Apollo + GraphQL](https://qiita.com/alokrawat050/items/7fc8a240e047ea6c2e06)\n- [Learn how to use GraphQL with Angular using Apollo](https://malcoded.com/posts/graphql-with-angular-apollo)\n- [Using Apollo GraphQL with Angular](https://g00glen00b.be/apollo-graphql-angular)\n- [Generating Angular API clients with Apollo and GraphQL code generator](https://angular.schule/blog/2018-06-apollo-graphql-code-generator)\n- [How to Leverage GraphQL with a Headless CMS [TakeShape Tutorial]](https://snipcart.com/blog/headless-cms-graphql-takeshape-tutorial)\n\n### Videos\n\n- [From REST to GraphQL](https://www.youtube.com/watch?v=ntBU5UXGbM8)\n- [GraphQL vs Firebase](https://www.prisma.io/blog/graphql-vs-firebase-496498546142/)\n- [Apollo Client For Angular - Making Use of GraphQL](https://codingthesmartway.com/apollo-client-for-angular-making-use-of-graphql/)\n- [Deploying a Angular + Apollo app with Surge.sh - How to GraphQL](https://www.howtographql.com/angular-apollo/10-deploying/)\n- [Angular2 + GraphQL = build modern web apps with GraphQL](https://www.youtube.com/watch?v=g1ZxxpmBCnE)\n- [Modernize your Angular apps with GraphQL by Uri Goldshtein](https://www.youtube.com/watch?v=E8feZBidZcs)\n\n## Stories\n\n\u003e Good and bad experiences\n\n- [Jeff Cross: Faster Modern Apps with Angular and GraphQL](https://www.graphql.com/articles/angular-graphql-faster-modern-apps)\n- [(Video) Lessons from 4 Years of GraphQL](https://www.youtube.com/watch?v=zVNrqo9XGOs)\n- [2017: The year in GraphQL](https://dev-blog.apollodata.com/2017-the-year-in-graphql-124a050d04c6)\n- [Harry Wolf: Experiences with GraphQL](http://hswolff.com/blog/experiences-with-graphql/)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/hasura%2Fawesome-angular-graphql/projects"}