Select Location-Type as Multi-region<\/p>\n\n\n\n\n\n\n\n
![\"\"](\"https:\/\/shagun.dev\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-10-at-12.58.35-AM-1024x548.png\")
<\/figure>\n\n\n\n4. Choose all the by default setting and Create<\/p>\n\n\n\n
5. Confirm the public access prevention<\/p>\n\n\n\n
6. Upload or drag build folder files. If react app, run these commands to get production code 7. Create a new file named as app.yaml and placed under src folder of the project. 8. Upload the app.yaml to the bucket<\/p>\n\n\n\n 9. The final uploads looks like:<\/p>\n\n\n\n 10. Activate Cloud Shell from the top bar placed near to search bar <\/p>\n\n\n\n 11. Please check Deployed service in the screenshot, copy the given link and paste it to browser GCP Service Used : Cloud Storage 1. Create a project in GCP 2. Under that project, go to view all services. Look for Storage > Cloud > Buckets 3. Create New Bucket named as test_gcp-01 Select Location-Type as Multi-region<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-devops"],"_links":{"self":[{"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shagun.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":13,"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/shagun.dev\/index.php?rest_route=\/wp\/v2\/posts\/40\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/shagun.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shagun.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shagun.dev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
npm install<\/code>
npm run build<\/code><\/p>\n\n\n\nruntime: nodejs10
handlers:
#Serve all static files with urls 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<\/code><\/p>\n\n\n\n![\"\"](\"https:\/\/shagun.dev\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-10-at-1.11.52-AM-1024x521.png\")
<\/figure>\n\n\n\n
Write following commands: gcloud config set project your-project-name
mkdir react-app
gsutil rsync -r gs:\/\/gcp.shagun.dev .\/react-app
cd react-app
gcloud app deploy<\/code><\/p>\n\n\n\n![\"\"](\"https:\/\/shagun.dev\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-10-at-1.18.14-AM-1-1024x291.png\")
<\/figure>\n\n\n\n
12. Your website got live !<\/p>\n","protected":false},"excerpt":{"rendered":"