Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js Dynamic Routes With Contentful's GraphQL API

Learn With Jason via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to create dynamic routes in Next.js using Contentful's GraphQL API in this comprehensive tutorial video. Explore the power of Next.js and its popular approach to generating dynamic routes while leveraging Contentful's GraphQL API. Dive into topics such as using GraphQL, generating API keys, installing GraphQL Playground, utilizing Netlify CLI, implementing async/await, working with Next.js Link component, and understanding the GetStaticPaths and Fallback Value functions. Follow along as the instructor demonstrates pulling data seamlessly, deploying the site, and provides valuable insights on mastering Contentful. Gain practical knowledge through a hands-on demo and access the accompanying GitHub repository for further exploration.

Syllabus

Intro
Guest Introduction
What do you like about Next.js?
Using GraphQL
What are we doing to do today?
Captioning Sponsored by
Contentful Introduction
Generating an API key
Installing GraphQL Playground
Using Netlify CLI
Using Async Await
Link from next Link
GetStaticPaths function
Fallback Value function
Pulling data like magic
Deploying the site
How to learn more about Contentful

Taught by

Learn With Jason

Reviews

Start your review of Next.js Dynamic Routes With Contentful's GraphQL API

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.