Using Content Management Systems With React

Articles & Tutorials

Content Management with Gatsby, Contentful & Netlify (itnext.io)
Feb 18, 2019
Gatsby, Contentful, Netlify — The Triple Threat For Content Management Success.
  • Babs Craig
Using Wordpress with React.js (dev.to)
Feb 18, 2019
In this article, we will cover how to use WordPress as a headless CMS by leveraging the WordPress API and React js when building a project.
  • Tim Smith
How to: Build a blog with Gatsby and GraphCMS (medium.com)
Feb 11, 2019
I want to show you how easy it can be to create an extremely fast and customizable blog site using some of the newest and greatest technologies in JavaScript today.
  • Tom Settle
Building Mobile Apps Using React Native And WordPress (smashingmagazine.com)
May 11, 2018
WordPress can work as an excellent back-end platform for your next native app, especially if it is content-driven or an online shop. In this article, you will learn the foundations for building mobile apps with React Native and WordPress.
  • Muhammad Muhsin
How To Build A Skin For Your Web App With React And WordPress (smashingmagazine.com)
Mar 07, 2018
If you’ve been looking for a content-driven solution, this article will explain how you can build a SPA WordPress theme with React.
  • Muhammad Muhsin
React.js with WordPress as a Backend: WP REST API Example (hackernoon.com)
Sep 19, 2017
WordPress Rest API is a huge step forward for frontend developers looking to combine the power of JavaScript tools like React.js with WordPress.
  • Maxime LaBoissonniere
Strapping React.js on a WordPress Backend: WP REST API Example (snipcart.com)
Sep 14, 2017
I'll use WordPress as a backend, and WordPress REST API to feed data into a simple React e-commerce SPA.
  • Maxime Laboissonniere

Video Guides & Talks

Set up Strapi as a CMS for Gatsby (youtube.com)
Sep 05, 2019
Strapi is an open source, self-hosted Node.js headless CMS, which makes it a great option for setting up a Gatsby site. On this episode, David Kartuzinski (https://twitter.com/kai_dawei) joins to teach us how to set up Strapi from scratch to power a Gatsby site.
  • Jason Lengstorf
  • David Kartuzinski
Use Airtable as a CMS for Gatsby (youtube.com)
May 30, 2019
Airtable is like Excel with rocket boosters. Learn along with Jason as Giovanni Briggs from Airtable teaches us how to build a Gatsby site using Airtable as the CMS.
  • Jason Lengstorf
  • Giovanni Briggs
The Great Gatsby Bootcamp (youtube.com)
Apr 15, 2019
Learn how to create fast websites and web applications with Gatsby. You’ll use Gatsby, React, and GraphQL to build an entire CMS-powered website from scratch.
  • Andrew Mead
Multi-language websites with GraphCMS and Gatsby (youtube.com)
Feb 21, 2019
Learn how to build an internationalized website using GraphCMS and Gatsby.
  • Jason Lengstorf
  • Jesse Martin
Exploring The Wordpress REST API & React Integration (youtube.com)
Feb 10, 2019
In this video we will be looking at the Wordpress Rest API and how to navigate the response data, create custom post types, JWT authentication and we will do a bit of integration with React.
React-Based Content Management with Netlify CMS & Gatsby (youtube.com)
Mar 30, 2018
This talk will show how to use Netlify CMS with a Gatsby-based site, to build high-performant and infinitely-scalable sites with git-based content editing, a user friendly UI, and live browser previews - all without a backend.
  • Matt Biilmann

Courses & Video Series

React Native for Designers (designcode.io)
Feb 13, 2019
Learn to build an iOS and Android app from scratch. A 6-hour course teaching you custom animations, Styled Components, Redux, API data and adaptive layouts in React Native.
  • Meng To
Gatsby And Contentful - The Headless CMS Approach (youtube.com)
Feb 04, 2019
In this tutorial we'll start from scratch building a blog with Gatsby and Contentful.
  • Sebastian Eschweiler
Gatsby - Static Site Generator For React - Complete Guide (udemy.com)
Jan 12, 2019
Build Awesome Ultra-Fast Websites With React And GraphQL, Get Started With JAM Stack And The Headless CMS Approach.
  • Sebastian Eschweiler
Headless WordPress (leveluptutorials.com)
Apr 30, 2018
Learn how you can build a headless WordPress site with ease using both Next.js or Gatsby
Pro Gatsby (leveluptutorials.com)
Feb 26, 2018
In Pro Gatsby, you'll learn how to build extremely fast websites in React with the hottest static site generator around.