Deploying React to Netlify

Articles & Tutorials

Integrate Next.js & Prismic (netlify.com)
Aug 28, 2020
We will be building a simple demo site like this one, and you can clone the repo for it here. You’ll need to do the Set up Prismic and Set up Netlify steps to make it work for you!
  • Cassidy Williams
Building a Markdown blog with Next 9.3 and Netlify (netlify.com)
May 04, 2020
Here’s how to build a Markdown blog with the latest Next (9.3.6, at the time of writing), and how to deploy it to Netlify.
  • Cassidy Williams
How To Use Netlify Forms With Gatsby (dev.to)
Mar 01, 2020
Using Netlify's built-in form handling with Gatsby should be simple and intuitive, but sadly it's not that simple. Well it is, it just requires some extra configuration not detailed in the documentation. So let’s get started!
  • Travis Ramos
How to Build Authenticated Serverless JAMstack Apps with Gatsby and Netlify (freecodecamp.org)
Sep 11, 2019
When interacting with a backend, a JAMstack app can do everything a mobile app can do, without the tyranny of the app store. This is a fundamental insight that goes as deep as the fight for a more open, secure, decoupled, faster web.
Build an Infinite Scroll Image Gallery with Gatsby and Netlify Functions (scotch.io)
Aug 20, 2019
In this post, we'll build a performant Infinite Scroll Image gallery using Gatsby.js, which is served over a CDN and uses Netlify functions to serve data from an API during runtime.
  • William Imoh
From Zero to Deploy: how I created a static website from scratch using Netlify + Gatsby (medium.freecodecamp.org)
Feb 18, 2019
After my first year working as a frontend web developer, I got the idea to have my own personal site. It’d be a platform to showcase my work, share content, and serve as a creative outlet for me outside of work. Here, I’ll walk you through my experience building the site from zero to deploy.
  • Eden Adler
How to set up & deploy your React app from scratch using Webpack and Babel (medium.freecodecamp.org)
Feb 14, 2019
This guide will cover the most simple React configuration that I’ve personally used for almost all of my React projects. By the end of this tutorial we will have our own personal boilerplate and learn some configurations from it.
  • Nathan Sebhastian
Integrate React with Firebase and Deploying with Gitlab + Netlify (itnext.io)
Feb 04, 2019
I’ve been working on a personal project for learning and practicing some things. I’m gonna share some configurations that I had to do before starting to develop this project in React.
  • Roberto Dote
React Production Deployment with Netlify (blog.bitsrc.io)
Jan 28, 2019
How to deploy a React app with a back-end API. Part 1: Netlify.
  • Esau Silva
Turning the Static Dynamic: Gatsby + Netlify Functions + Netlify Identity (gatsbyjs.org)
Dec 26, 2018
Today I’d like to show you how you can incrementally add functionality to a Gatsby static site with Netlify Functions, and then add authentication with Netlify Identity to begin a proper Gatsby app.
JAMstack with Gatsby, Netlify and Netlify CMS (medium.com)
Feb 01, 2018
I’ve recently migrated Dona Rita’s website from Jekyll to Gatsby. I’d like to share my process with you, as well as a few tips about building a JAMstack site with Gatsby, Netlify and Netlify CMS.
  • Pedro Duarte

Video Guides & Talks

Deploy React to Netlify in less than 10 minutes (youtube.com)
Oct 05, 2019
This video will demonstrate to you how to deploy ReactJS to Netlify.
  • Hong Ly
Serverless GraphQL with Netlify Dev (youtube.com)
May 21, 2019
In this talk we explore how Serverless and GraphQL work together, explore ways to stitch individual function schemas, and get hard numbers to fight performance concerns.
Intro to CircleCI with React (youtube.com)
Mar 12, 2019
Learn how to deploy your React application to Netlify using CircleCI.
How to make a Contact Form in Gatsby with Netlify (youtube.com)
Mar 10, 2018
In this video we build a contact form that will work with Netlify's form service.

Books & Guides

React Distilled (sebhastian.com)
Mar 05, 2019
The book distills the most important topics to learn about React, so you don't have to painstakingly browse the web, looking for pieces of React knowledge to build a fully working application.
  • Nathan Sebhastian

Courses & Video Series

Pro Gatsby 2 (leveluptutorials.com)
Nov 02, 2018
Learn how to build the fastest websites on the planet with this Gatsby v2, a new static site generator using React.
React for Designers (designcode.io)
Jul 24, 2018
With this course, you'll learn how to build and animate your site from scratch. Create highly customizable components for your design system. A 6-hour course for designers, by designers.
  • Meng To
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.