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

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

Code with Ania Kubów via YouTube Direct link

Introduction

1 of 26

1 of 26

Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Signing up to our Datastax Astra Cassandra database
  3. 3 Using the GraphQL Playground
  4. 4 Creating Tables using GraphQL mutations
  5. 5 Adding Data using GraphQL mutations you can use my pre-made data below
  6. 6 Retrieving Data using GraphQL queries
  7. 7 Adding our Movies to our database
  8. 8 Retrieving all of our Movies by Genre
  9. 9 Limiting our Data in GraphQL queries
  10. 10 Creating our React App
  11. 11 What is LOLOMO at Netflix?
  12. 12 Setting up Netlify Serverless Functions
  13. 13 Adding your DataStax token and endpoint
  14. 14 Adding the Netlify config
  15. 15 Writing a serverless function to get the Genres
  16. 16 Getting the Genres using GraphQL
  17. 17 Getting the Movies by Genre in our browsers
  18. 18 Pagination in GraphQL
  19. 19 Calling the next page by button
  20. 20 Loading more Genres when we hover at the end of the screen
  21. 21 Adding a NavBar and HeroSection
  22. 22 Making our Movie Cards pop out when we hover over them
  23. 23 Making videos auto-play and show more info on hover
  24. 24 HeroSection
  25. 25 Font Awesome Icons
  26. 26 Final basic styling

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.