Open-source project
learnapollo/learnapollo avatar
learnapollo/learnapollo

Learn Apollo: A Markdown-Based Tutorial Site for Apollo Client, Not a Library

GitHub describes it as 👩🏻‍🏫 Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool). The repository metadata lists TypeScript as its primary language. The metadata lists the MIT license. This article stays within the project description and details documented in the GitHub repository README.

5,145 stars64 forksTypeScriptMIT

At a glance

What is it?
Learn Apollo is a tutorial website, not a code library. Its repository holds the source content and tooling for a hands-on guide to Apollo GraphQL Client, aimed at developers using React, Angular, iOS, and React Native.
Who is it for?
Adopt Learn Apollo if you are a developer learning Apollo Client and prefer a structured, example-driven tutorial with a web playground. It is not for teams looking for a maintained code library or a comprehensive API reference.
Can I use it commercially?
Yes. MIT is a permissive licence: you can use, modify and sell software built on it, as long as you keep its copyright and licence notices.
Is it still maintained?
Probably not. The repository last received commits 100 months ago, on June 27, 2018.
What is it written in?
Mainly TypeScript, according to GitHub's language statistics.

Answers come from the project's GitHub data, last synced on October 6, 2026, and from our analysis. They are not legal advice.

Editorial analysis

What Learn Apollo Actually Is

The repository named learnapollo/learnapollo is not a package you import. It is the source code for the Learn Apollo website, a tutorial for Apollo GraphQL Client. The README states that the repo holds the source files for learnapollo.com. The primary language is TypeScript, and the license is MIT. The project was created by Graphcool, a company that later became part of Prisma. This distinction matters: you are not adopting a runtime dependency but a static content site. The value lies in the tutorial content itself, not in any software you would integrate into your own application.

Who the Tutorial Serves

The content directory reveals the intended audience. There are separate tutorial folders for React, React Native, Angular, and iOS. Each folder contains a sequence of numbered markdown files, from react-01.md to react-07.md, and ios-01.md to ios-06.md. That structure suggests a step-by-step progression. The audience is a developer who wants to learn Apollo Client in a specific front-end framework. The tutorial likely assumes basic knowledge of GraphQL and the framework itself. It is not a reference manual. It is a guided path, which suits beginners who prefer structured lessons over scattered documentation.

How the Content Is Organized

The repository layout shows a content folder with subdirectories: excursions, go-further, introduction, tutorial-angular, tutorial-ios, tutorial-react, and tutorial-react-native. The introduction has two files, get-started.md and get-started-bottom.md, which likely bookend the opening lesson. The excursions folder has two files, possibly optional side trips. The go-further folder contains a single wrap-up.md, suggesting a closing section. This organization is typical for a narrative tutorial. Each markdown file is a lesson. The numbering in the file names implies a linear order, but the presence of excursions indicates optional detours. The README encourages contributions by editing these markdown files, which makes the content easy to update via pull requests.

Running the Site Locally

The README gives minimal development instructions. You run yarn install or npm install, then yarn start or npm start, and open localhost:4300. That is the entire setup. There is no mention of a build step, environment variables, or configuration files. The site is likely a static site generator, but the README does not say which one. The port number is a concrete detail. If you want to contribute, you would clone the repo, install dependencies, and start the dev server. The lack of further documentation means you must infer the tooling from the package.json, which is not shown in the material. This brevity is fine for a tutorial site, but it limits troubleshooting.

A Genuine Limitation: Staleness and Coverage

The tutorial was created by Graphcool, which was active in the early Apollo Client era. The repository shows no recent releases and the last push is unknown. That raises a real concern: the content may be outdated. Apollo Client has evolved significantly since Graphcool's time. The tutorial covers React, React Native, Angular, and iOS, but not Vue or Svelte. If you use a framework not listed, this tutorial is not for you. Even for React, the version of Apollo Client taught may not match the current API. The README does not state which version it covers. You should verify the content against the official Apollo docs before treating it as current.

The Right Tool for Some, Not for Others

Learn Apollo is the wrong tool if you need a live code library or a complete API reference. It is the right tool if you want a guided, example-driven introduction. The tutorial likely uses a playground, given the angular-playground.md file in the tutorial-angular folder. That suggests hands-on coding in the browser. The structure is linear, which helps beginners avoid getting lost. However, if you are an experienced developer looking for edge cases or advanced patterns, the tutorial's scope will feel shallow. The excursions and go-further sections hint at some advanced topics, but with only two excursions and one wrap-up, the depth is limited.

Alternatives: Official Docs and Other Tutorials

The most direct alternative is the official Apollo Client documentation. It is maintained by Apollo and covers the latest APIs, including hooks, caching, and error handling. The official docs are organized by topic, not as a linear narrative. That is a different approach: reference versus tutorial. Other community tutorials exist, but they are often tied to specific blog posts or video series. The key difference is that Learn Apollo is a structured course, while the official docs are a comprehensive reference. For a beginner, a course may be easier to follow. For a working developer, the official docs are more reliable. There is also the Apollo full-stack tutorial, which is maintained by Apollo and offers a more current hands-on path, though it is not mentioned in this repository.

Maintenance and License Considerations

The repository is licensed under MIT, which permits reuse of the content with attribution. That is a permissive license, but it does not guarantee maintenance. The repo is not archived, but the lack of recent releases and the unknown last push suggest low activity. If you fork this content, you take on the maintenance burden. The contribution model is simple: edit markdown files and open a pull request. That is a low barrier, but it also means the quality depends on community effort. There is no automated test or CI mentioned in the README. The Slack community link is from Graphcool, which is defunct, so that support channel is likely dead. You should not expect active support.

Editorial conclusion

Adopt Learn Apollo if you are a developer learning Apollo Client and prefer a structured, example-driven tutorial with a web playground. It is not for teams looking for a maintained code library or a comprehensive API reference. Before relying on it, verify that the content matches your current Apollo Client version, as the tutorial may lag behind the latest releases. If you need up-to-date documentation, use the official Apollo docs instead.

Frequently asked questions

How does Apollo GraphQL work, and where does Learn Apollo start?

Learn Apollo is the source for a hands-on tutorial for Apollo GraphQL Client made by Graphcool and published at learnapollo.com. Its chapters live as numbered markdown files under content/, split into introduction, tutorial-react, tutorial-ios, tutorial-react-native, tutorial-angular, excursions and go-further, so a reader enters through get-started.md.

What is Apollo Client in the Learn Apollo course?

The course teaches Apollo GraphQL Client through separate per platform tracks: react-01.md through react-07.md for React, ios-01.md through ios-06.md for iOS, an angular-playground.md page and a pair of excursions. The site's own dependencies name react-relay 0.10.0 and react-router-relay 0.13.5 rather than apollo-client.

What is Apollo GraphQL Client, and what does Learn Apollo build with?

The published site is a static React app built with react 15.3.2, react-dom 15.3.2, graphql 0.9.1, commonmark 0.26.0 and commonmark-react-renderer 4.3.1 for the chapter files, and react-prism 4.0.0 for code blocks. Queries are sent to the Graphcool address stored in package.json at graphql.request.url.

Official sources

  1. Official documentation
  2. Official README
  3. Project repository
Add this badge to your README

If you maintain this project, the badge below links readers to this analysis and shows its maintenance status from the daily GitHub snapshot. Paste the markdown into your README; add ?metric=license or ?metric=stars to the image URL for a different field.

Add this badge to your README

markdown
[![Hysen Labs](https://hysenlabs.com/badge/learnapollo-learnapollo.svg)](https://hysenlabs.com/projects/learnapollo-learnapollo)