Deploy React App on Google Cloud Platform

Veröffentlicht am: 28 September 2023
auf dem Kanal: Cloud Guru

986

This video will walk you through creating a ReactJS web application, dockerizing it with Docker and Nginx and deploying it to Google Cloud Provider.

Join WhatsApp: https://www.whatsapp.com/channel/0029...

👉Get CloudWays ➜ https://www.cloudways.com/en/?id=1365224
💥CloudWays COUPON CODE: CLOUDGURU25
☝️☝️ USE THE EXCLUSIVE COUPON CODE ABOVE TO GET 25% OFF FOR 3 MONTHS💥

👉Get Digital Ocean ➜ digitalocean.pxf.io/ZQERvQ
💥Get $200 FREE Credits for signup. So, hurry up!💥

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

Steps:
1. Create React App
2. Push React App to Git Repo
3. Create Google Account trail version
4. create a project
5. create appengine application
6. git clone project
7. npm i & npm run build
8. remove other files expect build folder
9. create app.yaml file and insert the content there
10. gcloud app deploy
11. gcloud app browse

Copy paste the app.yaml content
---------------------------------------------------------------------------
runtime: nodejs12
handlers:
Serve all static files with url ending with a file extension
url: /(.*\..+)$
static_files: build/\1
upload: build/(.*\..+)$
Catch all handler to index.html
url: /.*
static_files: build/index.html
upload: build/index.html
---------------------------------------------------------------------------

Please like, share and subscribe if you find the video useful.

#reactjs #react #reactjsapp #cloudguru

Auf dieser Seite können Sie das Online-Video Deploy React App on Google Cloud Platform mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Cloud Guru 28 September 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 986 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

331