Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Code a Netflix Clone with GraphQL Pagination - Reviewed by a Netflix Engineer

Code with Ania Kubów via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This project-based course builds a Netflix-style movie browser using React, GraphQL, DataStax Astra Cassandra, and Netlify Serverless Functions. It covers database mutations and queries, filtering by genre, pagination, and basic interface styling.

Syllabus

Introduction
Signing up to our Datastax Astra Cassandra database
Using the GraphQL Playground
Creating Tables using GraphQL mutations
Adding Data using GraphQL mutations you can use my pre-made data below
Retrieving Data using GraphQL queries
Adding our Movies to our database
Retrieving all of our Movies by Genre
Limiting our Data in GraphQL queries
Creating our React App
What is LOLOMO at Netflix?
Setting up Netlify Serverless Functions
Adding your DataStax token and endpoint
Adding the Netlify config
Writing a serverless function to get the Genres
Getting the Genres using GraphQL
Getting the Movies by Genre in our browsers
Pagination in GraphQL
Calling the next page by button
Loading more Genres when we hover at the end of the screen
Adding a NavBar and HeroSection
Making our Movie Cards pop out when we hover over them
Making videos auto-play and show more info on hover
HeroSection
Font Awesome Icons
Final basic styling

Taught by

Code with Ania Kubów

Reviews

Start your review of Code a Netflix Clone with GraphQL Pagination - Reviewed by a Netflix Engineer

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.