illustration for Build Content Rich Progressive Web Apps with Gatsby and Contentful

Build Content Rich Progressive Web Apps with Gatsby and Contentful

Instructor

Khaled Garbaya
33m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
382
people completed
Bookmark
Download
RSS

The JAMstack, short for “JavaScript, APIs, and Markup,” has been making waves in the world of web development.

Building JAMstack applications removes the hassle of building out a backend from scratch, freeing you to focus on what really matters: your content.

In this course, you’ll learn how to build and deploy your own static Gatsby site that pulls external data from Contentful and then deploys to the web with Netlify. After the course, you’ll have all the knowledge you need to build a blog, marketing site, or portfolio with Gatsby. Just add content.

Check out these community notes for this course on Github.

Credits

Aleksander Ageev (illustration)

What you'll learn

  • Data Modeling with Contentful
  • Starting a Gatsby project
  • Using GraphQL to query data in Gatsby
  • Deploying a static site with Netlify
  • Set up automatic redeployment

Learner Reviews

  • Vlad
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Can't wait to change my gatsby-blog to use contentful. Thanks

  • Lauro Silva
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This was exactly what I was hoping for. Thank you so much!

  • Peter Fields
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Useful information for a production application.

  • Marko
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This is by far most effective tutorial I came across about Getsby ecosystem. Thank you so much!

  • Rob Brennan
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This was exactly what I was hoping for. I wondered how easy it would be to integrate Gatsby, Contentful, and an automated deployment of some kind. Nicely done.

  • Greg Miller
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I already promoted it. I thought he would cover how to not display the title twice on the post. I liked his voice, the pacing, he was loud enough for a noisy room. I think I could repeat his steps. I wish he had more errors than or show debugging.

Course Content

33m • 9 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.