how to deploy React App on Google Cloud?

preview_player
Показать описание
In this session, we learnt, how to deploy react app on Google Cloud, with a thorough walk through of GCP architecture with Cloud CDN, Load Balancer and Cloud Storage. We understood, how the deployment of React App on Google Cloud different than deploying react on AWS. In order to complete the exercise, we first created google cloud project via console, setup gcloud cli and install gcloud component (gsutil) on local machine for Cloud Storage Service, to upload react build files on Google Cloud Storage service via command. Then configure the Cloud CDN and Global HTTP(s) Load Balancer in order to access the react app with the help of IP address.

Chapters:

00:00 - Introduction (Pre-requisites)
01:20 - Google Cloud Infra for ReactJS Deployment
03:30 - Provision Infra using Google Cloud Console
05:45 - GCloud cli, gsutil setup & Push React App on Google Cloud
09:05 - Cloud CDN with Http(s) Load Balancer Configuration
16:48 - React App is Live

  1. Learn4Tarakki
  2. how to host react app on google cloud
  3. host react app on google cloud
  4. deploy react app on google cloud
  5. how to deploy react app on google cloud
  6. host react app on gcp
Рекомендации по теме
The Best Way 0:11:00

The Best Way to Host & Deploy a React Application

Deploy React App 0:02:14

Deploy React App in 2 min for free

How to Deploy 0:05:44

How to Deploy React App to GitHub Pages | Step by step.

How To Deploy 0:05:57

How To Deploy React JS Application | Step By Step Process | React JS Deployment Tutorial

How to deploy 0:03:26

How to deploy a react app for FREE

How To Deploy 0:06:12

How To Deploy React App FREE [on Netlify]

Publish A React 0:02:57

Publish A React App To GitHub Pages - Less Than 3 Minutes

How to deploy 0:14:51

How to deploy react app to production

Spring Security Part 0:36:02

Spring Security Part 3: CORS Setup, CSRF Protection, and Authorization

How To Deploy 0:23:09

How To Deploy A React App - Using NGINX & Linux

How to Deploy 0:01:22

How to Deploy React App to cPanel IN 1 MIN!

How To Deploy 0:10:00

How To Deploy A React App To Github Pages (Simple)

Deploy React Application 0:04:29

Deploy React Application using Netlify | Deploy manually using build folder

How To Deploy 0:07:39

How To Deploy A React Vite App To Github Pages (Simple)

Deploy React Application 0:07:37

Deploy React Application In Vercel

ReactJs Tutorial | 0:03:47

ReactJs Tutorial | How to Deploy A React App To A Shared Hosting (CPanel) in Less Than 4 Mins

How to Deploy 0:05:08

How to Deploy React App to Vercel

How to deploy 0:07:42

How to deploy React App on AWS Amplify

How to deploy 0:05:31

How to deploy React App on AWS S3

How to Deploy 0:03:37

How to Deploy a React Application in Vercel

Deploy Your React 0:06:39

Deploy Your React App on GitHub Pages in 5 Minutes!

How to Deploy 0:02:35

How to Deploy React App for Free on Netlify

Deploy React App 0:01:00

Deploy React App to Netlify 🔥🔥 #reactjs #javascript #reactjstutorial

Deploy React App 0:04:36

Deploy React App on Netlify, step by step beginner guide 2023

Комментарии
Автор

hi, is there a link to the files you used in the video? Thank you!

joelohkaishunhiroyukifujik
Автор

i'm having 2 pvcs, one for reactjs and one for django restframework, the reactjs fetching data from django restframework, can i still deploy my reactjs as shown in this video using cloud dns, cdn and global https load balancer?

cameleonarabic