Build Content Rich Progressive Web Apps with Gatsby and Contentful
Offered By: egghead.io
Course Description
Overview
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.
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.
Syllabus
- Model Content in the Contentful Web App
- Model Content programmatically using the contentful-migration tool
- Add Contentful as a data source for Gatsby
- List data entries from Contentful in Gatsby
- Programmatically create Gatsby pages from Contentful data
- Render Contentful rich text in Gatsby
- Use Graphql backreference to avoid circular dependencies between Content model
- Deploy a Gatsby website on Netlify
- Trigger Netlify Builds when content changes in Contentful
Taught by
Khaled Garbaya
Related Courses
Creating a Personal Site with GatsbyCoursera Project Network via Coursera Auth0 Tips and Tricks
egghead.io Blog Theme 2.0
egghead.io Build a Video Chat App with Twilio and Gatsby
egghead.io Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB
egghead.io