Build Content Rich Progressive Web Apps with Gatsby and Contentful
Instructor
Khaled Garbaya- Gatsby
^2.5.7
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
Prerequisites
Learner Reviews
- Vlad5 years agoWhat did you like about this course?
Can't wait to change my gatsby-blog to use contentful. Thanks
- Lauro Silva5 years agoWhat did you like about this course?
This was exactly what I was hoping for. Thank you so much!
- Peter Fields5 years agoWhat did you like about this course?
Useful information for a production application.
- Marko5 years agoWhat did you like about this course?
This is by far most effective tutorial I came across about Getsby ecosystem. Thank you so much!
- Rob Brennan5 years agoWhat 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 Miller5 years agoWhat 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
You might also like these resources:
Introduction to Cloudflare Workers
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.
Create an eCommerce Store with Next.js and Stripe Checkout
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
Practical Git for Everyday Professional Use
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.