Deploying React

Articles & Tutorials

Continuous deployment of React Native app with Azure DevOps (blog.logrocket.com)
Mar 24, 2021
In React Native, you have to typically deploy apps on two platforms: Android and iOS. Both platforms use different languages and build tools. In this tutorial, we will build a continuous deployment pipeline of a React Native app on App Center via Azure DevOps.
  • Huzaima Khan
How to Deploy a React App to Production Using Docker and NGINX with API Proxies (freecodecamp.org)
Mar 17, 2021
This post will help you to learn how to deploy your React applications to production. We are going to use Docker and NGINX to secure API keys and proxy requests to prevent Cross-Origin Resource Sharing (CORS) violations.
  • Matt Sokola
How to Use Cloudflare Pages to Host & Deploy a Next.js App (spacejelly.dev)
Mar 08, 2021
Building dynamic web apps that can be statically hosted, commonly known as the Jamstack, is a powerful way to help provide a fast and reliable experience to your website visitors.
  • Colby Fayock
How to Deploy a Routed React App to GitHub Pages (freecodecamp.org)
Feb 22, 2021
In this article, I'll show you how to create a simple React application that uses routing and then we'll learn how to upload it to GitHub Pages. We will give special attention to the routing part since it is important to understand and implement.
  • Tomer Ben Rachel
How to Use Github Actions to Deploy a Next.js Website to AWS S3 (freecodecamp.org)
Nov 02, 2020
The beauty of Next.js and static web apps is that they let you run the project pretty much anywhere using object storage, like on AWS S3. But it can be a pain to manually update those files each time.
  • Colby Fayock
8 ways to deploy a React app for free (blog.logrocket.com)
Aug 17, 2020
In this tutorial, we’ll demonstrate how to deploy a React application in eight different ways. All the services described in this post are completely free with no hidden credit card requirements.
  • Ashutosh Singh
Setting up continuous deployment with React, Firebase, and GitHub Actions (blog.logrocket.com)
May 27, 2020
In this guide, we’ll show you how to set up a workflow that builds, tests, and deploys a sample React project to Firebase.
  • Samaila Bala
Deploying a Next app with AWS Amplify Hosting (dev.to)
May 05, 2020
In this tutorial you'll learn how to deploy a Next app to AWS using Amplify Hosting.
Deploy Next.js Apps using Github Actions (itnext.io)
Feb 07, 2020
Push to deploy. The easy way.
  • Eshwaren M
Serve React Apps with Docker and SSL like a boss (codeburst.io)
Jan 16, 2020
In this tutorial, we’ll learn how to set up and securely serve multiple sites with Docker. Although targeted at React, this approach can be used to serve anything that exports HTML.
  • Shivek Khurana
Deploying a Next.js app in production (flaviocopes.com)
Nov 22, 2019
How to generate the production version of your Next.js app.
Deploying a Next.js application on Now (flaviocopes.com)
Nov 20, 2019
How to use Now to easily and seamlessly deploy your Next.js app.
Deploy a Gatsby Site on GitHub Pages for Free (blog.bitsrc.io)
Oct 30, 2019
Learn how to configure Gatsby to easily deploy a blog site on Github Pages.
  • Shaumik Daityari
How to deploy a React app to production on AWS using Express, Postgres, PM2 and nginx (freecodecamp.org)
Sep 11, 2019
In this tutorial I will walk you through a fairly complex production-level AWS deployment setup from scratch. I will assume very little prior knowledge about AWS and assume you are a beginner.
  • Mohammad Iqbal
Deploying a Client-Side Rendered create-react-app to Microsoft Azure (css-tricks.com)
May 10, 2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve you well.
  • Adebiyi Adedotun
React Production Deployment with Heroku (blog.bitsrc.io)
Feb 25, 2019
How to deploy a React app with a back-end API. Part 3: Heroku.
  • Esau Silva
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
React Production Deployment Part 2 — Now (blog.bitsrc.io)
Feb 14, 2019
How to deploy a React app with a back-end API. Part 2: Now.
  • Esau Silva
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
Deploying a Prismic and Next.js blog to Now (garymeehan.ie)
Jan 12, 2019
In this post we will be using Now to deploy our blog. Now makes serverless application deployment easy! Not only that, but their free tier is very generous.
  • Gary Meehan
How to deploy a React app with an Express server on Heroku (medium.freecodecamp.org)
Dec 18, 2018
Recently I had to deploy a website to Heroku for one of the pieces of freelance work I was doing. I think this process may be somewhat difficult, and a detailed tutorial or article on how to do this should help. So this one is going to be very simple and hopefully very short.
  • Ashish Nandan Singh
How to go from idea to URL quickly with React.js and Heroku (medium.freecodecamp.org)
Oct 29, 2018
When I was first starting out as a developer, the one thing that I wanted to do was get a web application live. I wanted it online for the world to see. I didn’t care about how it looked, what features it had, or even if anyone would ever see it or use it.
  • Tom Schweers
How to deploy a static Gatsby app to Heroku (medium.freecodecamp.org)
Oct 24, 2018
This tutorials explains how to set up the deployment of a static GatsbyJS project with Heroku and Github. You will learn how to create a…
  • Kristin Baumann
How to add app icons and splash screens to a React Native app in staging and production (medium.freecodecamp.org)
Oct 24, 2018
To add a staging and production environment, and to add app icons, requires us to use Xcode and Android Studio, and we do it the same way we do with native iOS or Android projects.
  • Khoa Pham
Getting Started with React – An Overview and Walkthrough (taniarascia.com)
Aug 19, 2018
An overview and walkthrough of fundamental React concepts, such as components, state, and props, as well as submitting forms, pulling data from an API, and deploying a React app to production.
  • Tania Rascia
Dockerizing React Applications for Continuous Integration (telerik.com)
Jul 17, 2018
Learn how to use Docker and containerization in your React apps and understand the benefits though this straightforward example.
  • Taylor Jones
Deploy React and Express to Heroku (daveceddia.com)
May 18, 2018
A step-by-step tutorial where you'll make a React app, an Express API server, and deploy both to Heroku.
How to set up continuous integration and deployment for your React app (medium.freecodecamp.org)
May 16, 2018
Setting up a React development environment can be confusing and daunting to newcomers.
  • Zac Kwan
Deploy a commercial Next.js application with pkg and docker (medium.com)
May 14, 2018
Letting customers operate their own applications without source code is the key point in this deploy flow.
  • Michael Hsu
How to package your React Component for distribution via NPM (itnext.io)
Feb 26, 2018
So how difficult is it to package my React Component for distribution via NPM?
  • Suprada Urval

Video Guides & Talks

Deploying Next.js to AWS Using a Custom Domain Name (youtube.com)
Jan 23, 2021
In this short video I show how to deploy a Next.js app to AWS using a custom domain name, leveraging the Serverless Next.js component.
Next.js on Fargate - Serverless Container Hosting with Docker and AWS Amplify (youtube.com)
Jan 12, 2021
In this video we'll start from scratch, creating a new Next.js app and then initializing a new Amplify project in the Next.js app directory. We'll then configure a custom domain and deploy the Next.js app to Amazon ECS on AWS Fargate using the Amplify CLI using the custom domain.
(CI/CD): Deploy Next.js (SSG) to GitHub Pages using GitHub Actions (youtube.com)
Aug 28, 2020
In this video, we are going to deploy a Next.js (SSG) application to GitHub Pages using GitHub Actions (CI/CD).
  • Bruno Antunes
Deploying Next.js to Vercel with Environment Variables (youtube.com)
Jul 05, 2020
Let's deploy a Next.js app to Vercel! This app contains two types of Env variables... one we want to include in the public build of our app, and another we only want available during "runtime", which means in this case when the serverless api functions are executed... these env variables in runtime are secret!
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
Deploy a Gatsby Site + API Using ZEIT Now (youtube.com)
Sep 19, 2019
How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple.
  • Jason Lengstorf
  • Leo Lamprecht
Ranking Hosting Providers for React Projects (youtube.com)
Aug 19, 2019
I rank hosting providers on how good they are for deploying a React website. I cover both static and server side rendering.
Intro to CircleCI with React (youtube.com)
Mar 12, 2019
Learn how to deploy your React application to Netlify using CircleCI.
Create React App + Heroku + ExpressJS (youtube.com)
Aug 11, 2017
In this video we will deploy a React app to Heroku using ExpressJS.
  • Jamie Barton

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

Building Serverless Web Applications with React & AWS Amplify (egghead.io)
Feb 05, 2019
This course walks you through setup and implementation to get your cloud-based application up and running. You’ll finish the course ready to quickly and easily deploy your serverless React application, so users can start using and enjoying it right away.
Building Server-side Rendered React Apps for Beginners (pluralsight.com)
Jan 02, 2019
You'll see how to easily build high performance web apps that implement server-side rendering on every landing page using the Next.js framework.
  • Peter Kellner
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
Rapid Development on AWS: React, Node.js & GraphQL (frontendmasters.com)
Jul 16, 2018
Learn how to make your way through all the Amazon Web Services' offerings
Learn The MERN Stack (youtube.com)
Jun 27, 2018
In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions.
Universal JavaScript with Next.js (next.training.leftlogic.com)
Jun 12, 2018
Zero configuration, universal JavaScript web apps with Next.js for React.
  • Remy Sharp
Learn React by building and deploying production ready app (udemy.com)
Mar 29, 2018
Concise course for seasoned javascript developers, who are new to React or want to strengthen their React skills
  • Dimi Mikadze
React For Beginners (reactforbeginners.com)
Feb 28, 2018
Upgrade your JavaScript skills to learn React.js in just a couple of afternoons. A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.
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.
The Complete React Web Developer Course (with Redux) (udemy.com)
Sep 07, 2017
Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more
  • Andrew Mead
Building and Deploying a Full-Stack React Application (lynda.com)
Jun 26, 2017
Discover how to architect, create, and deploy a scalable, full-stack React application
  • Carl Peaslee