dev-resources.site
for different kinds of informations.
Learn GraphCMS and GraphQL by building a Next.js Disney+ Clone
Published at
9/15/2021
Categories
gql
graphcms
nextjs
tutorial
Author
Ania Kubow
Learn how to use GraphQL and GraphCMS by building a Next.js Disney+ Clone! In this 2hr tutorial I show you how to use a Headless CMS in order to build a working streaming app.
You must sign up here to follow along with the tutorial: https://go.graphcms.com/ania
What you will learn:
00:00 Introduction
01:37 Setting up GraphCMS
25:35 writing GQL queries and mutations
32:54 Starting a Next.js App
37:34 Getting data into our App
50:54 Creating individual movie pages
58:18 Creating Components
01:46:45 Writing mutations in the App
01:57:00 Final styling
Final code: https://github.com/kubowania/disney-clone-graphcms
Articles
12 articles in total
So excited to be a Judge on the WixStudio Challenge 😱!
read article
Learn GraphCMS and GraphQL by building a Next.js Disney+ Clone
currently reading
Text Editor VS IDE - know the difference (PLEASE! 🙏🏻)
read article
Learn Blockchain Development and get PAID per Task
read article
GraphQL Federation Crypto App
read article
4 Bot Programming Games for Sogetti CodeFest 2021
read article
Code Zelda in JavaScript and Kaboom.js
read article
Callbacks in JavaScript explained! (video)
read article
Mario in JavaScript using KaboomJS (video)
read article
Rock Paper Scissors in React vs JavaScript (video)
read article
Build a shortest route app like UberEats / Deliveroo in React! (tutorial)
read article
Let's code a Netlifx Clone with GraphQL Pagination (Reviewed by a NETFLIX ENGINEER!)
read article
Featured ones: