About Hygraphlix movie starter
Hygraphlix is a composable movie streaming platform demo built with Hygraph with TypeScript.
Technologies used:
- NextJS 14
- Tailwind CSS
- Mux
- Federate This demo API
The demo uses Hygraph to pull movie data and metadata from an external system, a mock API called "Federate This" that we used to wrap OMDB, an open-source movie database. Movie metadata such as director, actor, genre, and poster is piped into Hygraph via a remote source connection, and by adding a remote field to the Movie content model.
Movie metadata such as director, actor, genre, and poster is piped into Hygraph via a remote source connection, and by adding a remote field to the Movie content model.
Mux video player
To get the most out of the demo, connect Mux:
- Sign up for a Mux account
- Install the Mux app in your Hygraph project
- Create access tokens for your Mux account
Hygraph uses Mux for video delivery and features a Mux player component that allows you to change the controls to fit your brand.
Wrap-up
Developers can query the CMS for all movie data. No movie streaming platform is complete without the ability to browse by genre! Hygraphlix shows how to create a Genre movie section with one query that combines Hygraph content and OMDB metadata to sort movies by Genre.
The ability to connect all your content and data sources means editors can craft enriching content all in one place. Tryout this demo and let us know what you think in the community!