DEV Community

Ania Kubow
Ania Kubow

Posted on

7 1

GraphQL Federation Crypto App

In this video I show you how to use GraphQL Federation by building a Crypto App. I will use React, Apollo GraphQL and a DataStax Astra database.

0:00 Introduction
1:38 Setting up our Database
3:48 GraphQL API and Playground
7:31 Schema-first approach
14:51 Inserting Coins
18:30 Creating our React App
23:17 Apollo Gateway and Services
51:22 Building out the Frontend
1:14:14 Styling our Project

Final code here: https://github.com/kubowania/graphQL-federation-crypto

Promos codes in this video:
💻 ANIA200 for $200 free credits from https://www.datastax.com/
💻 ANIAKUBOW for 3 months free of Webstorm here: https://jb.gg/webstorm_ide


⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool

⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain

⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (1)

Collapse
 
codewithsadee profile image
Sadee

❤️

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series