Next.js | Fetching data from Strapi GraphQL API
In this video we are going to fetch data from Strapi Headless CMS GraphQL API in our Next.js application.
➥ Repo (Next.js): https://gitlab.com/pragmaticreviews/n...
➥ Repo (Strapi CMS): https://gitlab.com/pragmaticreviews/s...
➥ Buy Me a Coffee: https://buymeacoff.ee/pragmatic
➥➥ Learn even more! ➥➥
Learn Next.js ➥ https://bit.ly/PragmaticNext
Learn Contentful ➥ https://bit.ly/PragmaticContentful
Learn Strapi ➥ http://bit.ly/PragmaticStrapi
Learn Gatsby ➥ https://bit.ly/PragmaticGatsby
Learn Deno ➥ https://bit.ly/LearnDeno
Learn GraphQL ➥ https://bit.ly/LearnGraphQL
Golang in the Cloud ➥ https://bit.ly/LearnGolangCloud
Gin Crash Course ➥ http://bit.ly/2SXdJu2
Golang Crash Course ➥ http://bit.ly/39ZH8dy
Zapier Crash Course ➥ http://bit.ly/37q1BGt
Timestamps:
Intro - 0:00
Review the existing Content Type in Strapi and GraphQL schema - 0:35
Test a GraphQL query in Strapi GraphQL Playground - 1:53
Installing GraphQL libraries for Next.js - 3:02
Setup Strapi GraphQL URL as an environment variable - 3:57
Creating a file to include GraphQL queries - 4:20
Modifying the page to include the GraphQL client and execute the query - 5:45
Testing the page - 8:02
Outro - 8:22
#Next #Strapi #GraphQL