Easily restore your project to a previous version with our new Instant One-click Backup Recovery

Build a Streaming Platform with Hygraph

Join along to learn how to create a streaming platform, inspired by Disney+, using Hygraph and Next.js
Ania Kubów

Written by Ania

Oct 20, 2021
Build a streaming platform with hygraph

Hello everyone! I'm super excited to share with you a new video that covers creating a Disney+ clone with Hygraph.

In just 2 hours, learn how to create schema, setup Next.js, and query content, send mutations, and add CSS. The application will have an index page of episodes, and individual movie pages where you can mark each one as read.

#What to expect

The video highlights building a streaming clone from scratch using Hygraph, GraphQL, React, and Next.js. While following along you'll learn how to:

  • Create a project within Hygraph
  • Take a deep dive on building flexible, structured content models for modular complex data
  • Create relations between the modular structured content
  • Use the Hygraph Content UI to add, edit content and create a data-rich content repository
  • See an in-depth walkthrough of the Hygraph GraphQL Playground which highlights:
    • the basics of GraphQL including writing queries and mutations
    • how to build GraphQL queries using the automatically generated query builder
    • how to query your GraphQL API without any overfetching or underfetching
  • Set up a Next.js project and securely connect your Hygraph API
  • Build individual content pages and style the content for those pages using React and CSS
  • Use GraphQL mutations to make changes to the content programatically

Share your final version of your streaming service clone with us on Twitter or submit it to the Hygraph community showcase to be featured in an upcoming Community Update.

The application will have an index page of episodes, and individual movie pages where you can mark each one as read.

Blog Author

Ania Kubów

Ania Kubów

Software Dev | I make #JavaScriptGames on my YouTube | + core team @freecodecamp |

Share with others

Sign up for our newsletter!

Be the first to know about releases and industry news and insights.