Cedrick Lunven

If you&rsquo;re already familiar with GraphQL, learning to federate data with GraphQL APIs is a good next step. It lets you serve output from several endpoints as if it was from a single database.
Federation lets companies with large, distributed architectures achieve crucial scalability and flexibility.&nbsp;<a href="https://medium.com/adobetech/graphql-making-sense-of-enterprise-microservices-for-the-ui-46fc8f5a5301">Adobe uses GraphQL federation</a>&nbsp;across 40 API endpoints to improve agility and velocity.&nbsp;<a href="https://netflixtechblog.com/how-netflix-scales-its-api-with-graphql-federation-part-1-ae3557c187e2">Netflix developed a federated GraphQL platform</a>&nbsp;to quickly and reliably scale their API for their studio ecosystem. And those are just two of countless examples.
After reading this post, you&rsquo;ll be ready to go through the&nbsp;<a href="https://www.youtube.com/watch?v=T722_t-HTFw">GraphQL federation workshop</a>. Software Engineer&nbsp;<a href="https://uk.linkedin.com/in/ania-kubow">Ania Kub&oacute;w</a>&nbsp;is the host and shows us how to build a simple cryptocurrency application with GraphQL federation.
In the process, you&rsquo;ll learn how to create a database using&nbsp;<a href="https://www.datastax.com/products/datastax-astra">DataStax Astra DB</a>, interact with it using&nbsp;<a href="https://graphql.org/">GraphQL</a>, and federate data from several databases to populate your crypto dashboard.
There&rsquo;s no special software to install. You'll only use free, open-source technologies, including:
<ul>
<li>React to develop the crypto app user interface</li>
<li>Astra DB as our free, serverless database</li>
<li>GraphQL to create, read, update, and delete app data</li>
<li>Apollo to federate data from our databases</li>
</ul>
<h2>Understanding GraphQL federation</h2>
As you probably know,&nbsp;<a href="https://graphql.org/">GraphQL</a>&nbsp;is an open-source query language, originally built by Facebook. It&rsquo;s used to fetch data from an API into your application.
You can use it to hide the complexity of multiple systems behind a single interface. This lets you save bandwidth and improve performance, because you can fetch data from microservices, APIs, and several other sources in just one request.
<img src="https://cdn.sanity.io/images/bbnkhnhl/production/5ebac382e516e84e45181bacc4783060c4a166f4-512x388.png" alt="" width="512" height="388" />
Figure 1: GraphQL provides one interface with input from multiple services. (<a href="https://www.howtographql.com/basics/3-big-picture/">Source</a>)
A federated architecture merges multiple schemas from different services into one unified API endpoint. This sounds simple. But having a single GraphQL API is tricky in enterprise-scale systems.
This is where the gateway layer&nbsp;<a href="https://www.apollographql.com/docs/federation/">Apollo Federation</a>&nbsp;swoops in. It lets you easily consolidate multiple GraphQL API services into one. This way, an enterprise-scale graph can work as a collection of separately maintained GraphQL services. This gives teams the freedom to work on different parts of the graph schema independently. It also makes it faster and easier to scale, manage, and deploy.
At a high level, Apollo Federation architecture consists of:
<ul>
<li>Subgraph services, where each one corresponds to a specific GraphQL schema</li>
<li>A gateway that unifies schemas in a federated graph and handles queries across subgraphs</li>
</ul>
<img src="https://cdn.sanity.io/images/bbnkhnhl/production/5b9e53553280c203e92caba89e085f1b527d30f4-512x213.png" alt="Graphic of Apollo Federation-GraphQL Architecture" width="512" height="213" />
Figure 2: How Apollo Federation consolidates GraphQL architecture. (<a href="https://www.apollographql.com/docs/federation/enterprise-guide/graphql-consolidation/">Source</a>)
In the workshop, Ania Kub&oacute;w uses Apollo Federation to join two databases together. Their combined output is then channeled into a crypto app. She creates the database in&nbsp;<a href="http://astra.datastax.com">DataStax Astra DB</a>.
<h2>Your free database with DataStax Astra DB</h2>
<a href="https://www.datastax.com/products/datastax-astra">Astra DB</a>&nbsp;is a serverless database-as-a-service (DBaaS) that fully manages&nbsp;<a href="https://cassandra.apache.org/">Apache Cassandra&reg;</a>. You get the high availability and reliability of Cassandra without having to operate or manage it.
The best part? You can tinker around with Astra DB and use up to 80 GB for free each month. So you can get familiar with deploying multi-tenant or dedicated databases on AWS, Azure, or GCP. If you need to scale later on, then you simply pay as you go and only get charged for what you use (remember to use the discount code shared in the workshop).
The second best part? Once you have your hands on Astra DB, you automatically get access to&nbsp;<a href="https://dtsx.io/3EAsdGH">Stargate</a>. It&rsquo;s an open-source data gateway that makes it easy to query any Cassandra database through REST APIs.&nbsp;
One such API is the&nbsp;<a href="https://www.datastax.com/dev/graphql">Stargate GraphQL API</a>. It allows you to:
<ul>
<li>Get the data you need from any Cassandra database with GraphQL types, queries, and mutations</li>
<li>Easily and flexibly combine data from multiple services</li>
<li>Create new database tables directly via the API</li>
<li>Prototype your mutations and queries using the built-in GraphQL Playground servlet</li>
</ul>
<img src="https://cdn.sanity.io/images/bbnkhnhl/production/fe121eb85bfa464640ace324b297dd4d7b0e46b4-512x357.png" alt="Graphic of Stargate API to Astra DB" width="512" height="357" />
Figure 3: How the Stargate GraphQL API works as the data source in Astra DB.
You&rsquo;ll use the Stargate GraphQL API as your data source in Astra DB. Apollo will be your gateway to the federated databases.
<h2>Build a crypto app in just one hour</h2>
With a better idea of GraphQL federation, you&rsquo;re ready to see it in action and build your very own crypto app. Here&rsquo;s what you&rsquo;ll be doing in the workshop:
<ul>
<li>Create an Astra DB database</li>
<li>Create another database with dummy data</li>
<li>Build a simple crypto dashboard using React</li>
<li>Federate data from both databases with GraphQL</li>
<li>View crypto information on your nifty new dashboard</li>
</ul>
By the end you&rsquo;ll know how to federate two databases using GraphQL to populate a crypto app dashboard that looks something like this:
<img src="https://cdn.sanity.io/images/bbnkhnhl/production/26a39c5adce04396b79b8195bb500cf8b1d91aef-1000x559.png" alt="Screenshot of the final interface of the crypto app" width="1000" height="559" />
Figure 4: Interface showing data on Bitcoin and Ethereum in a crypto app.
Ready to dig into the workshop? Take a moment to&nbsp;<a href="http://astra.datastax.com/">sign up for your free Astra DB account</a>&nbsp;so you can keep up with the&nbsp;<a href="https://www.youtube.com/watch?v=T722_t-HTFw">workshop video on YouTube</a>. Find the source code in Ania&rsquo;s&nbsp;<a href="https://github.com/kubowania/graphQL-federation-crypto#readme">GraphQL workshop repo on GitHub</a>.
Building this simple crypto app will teach you the basics of a game-changing approach to GraphQL APIs. Once you&rsquo;ve mastered this, keep the ball rolling with our blog post on&nbsp;<a href="https://dtsx.io/3EDM9bF">data federation using Stargate GraphQL</a>.
Explore more free tutorials on our&nbsp;<a href="https://dtsx.io/3v4CWWD">DataStax Developers YouTube channel</a>.
<h2>Resources</h2>
<ol>
<li><a href="https://www.youtube.com/watch?v=T722_t-HTFw">Learn GraphQL Federation by building a Crypto App</a></li>
<li><a href="https://dtsx.io/3MkYLaf">Deploy a Netflix Clone with GraphQL and DataStax Astra DB</a></li>
<li><a href="https://dtsx.io/3k4e8rE">Join our Discord: Fellowship of the (Cassandra) Rings</a></li>
<li><a href="http://astra.datastax.com">Astra DB &mdash; Managed Apache Cassandra as a Service</a></li>
<li><a href="https://www.datastax.com/dev/graphql">Accessing Cassandra with the Stargate GraphQL API</a></li>
<li><a href="https://reactjs.org/">React &mdash; A JavaScript library for building user interfaces</a></li>
<li><a href="https://blog.logrocket.com/the-what-when-why-and-how-of-federated-graphql/">The what, when, why, and how of federated GraphQL</a></li>
</ol>

Build a Crypto App Using GraphQL Federation

Cedrick Lunven Team Leader AI, Cloud Integrations and Developer Tools, DataStax

Discover more

Share

More Technology

Getting Started with DataStax Astra DB and Amazon Bedrock

Why You Can't Miss Cassandra Summit

Mitigate the OpenAI Debacle with Open Source and Cloud

Supercharge AI Assistants with Superagent and DataStax

NoSQL and Vector DB
for Generative AI,
Instantly, At Scale