Тёмный
No video :(

Deploy React App on Google App Engine 

Rethinking UI
Подписаться 17 тыс.
Просмотров 17 тыс.
50% 1

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.
Checkout the Playlists:
👉 FrontEnd JavaScript Interview Questions: • #4 JavaScript Intervie...
👉 JavaScript Tutorials:
• Difference Between var...
👉 Essentials for Web developers:
• How Does the Browser C...
👉 React Hooks & Latest concepts:
• Rules of Hooks In Reac...
👉 HTML Tutorials:
• WebStorage APIs Sessio...
👉 CSS Tutorials:
• How Does CSS Work | Th...
👉 Coding Challenges:
• Coding Challenge #5: A...
👉 Best Practices & Common mistakes:
• Best Practices of Usin...
👉 React js for Beginners:
• Why To Use JSX in Reac...
👉 Things To Know As JavaScript/FrontEnd Developer:
• Things To Know As Java...
LIKE | SHARE | SUBSCRIBE 😊
#javascript #reactjs #react #webdevelopment #frontenddevelopment #uidevelopment
#javascriptinterviewquestions #interviewquestions #codingchallenges
👇👇👇
Follow me on
Telegram: t.me/+HTxs0I-J...
Instagram: / rethinkingui
Twitter: / suresh9058
LinkedIn: / suresh-mende-a1a20459

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@Tyuvfdhb
@Tyuvfdhb 3 года назад
couldnt be explained simpler than this. Noone focuses on the real steps. everyone has tutorials for automatic deployment which are way too complicated. this is the best one i have found so far
@RethinkingUI
@RethinkingUI 3 года назад
Thank u
@danielleivy8180
@danielleivy8180 Год назад
That's my issue. Although I need to do automatic deployment right after this, I think it's important to break each process down and iterate. Know how to deploy in the gui or shell first, then translate all of your steps to IaC. I wasted about 2 days before I realized I was overcomplicating things by going straight to IaC without starting with the basics first.
@Alec0124
@Alec0124 2 года назад
Best explanation I've found. Thank you sir!
@RethinkingUI
@RethinkingUI 2 года назад
Thank you
@xuantienpham5777
@xuantienpham5777 Год назад
Worked extremely quickly. Thank you so much!
@RethinkingUI
@RethinkingUI Год назад
Your Welcome. Please share the video
@skyi5987
@skyi5987 6 месяцев назад
Thank you sir, easiest video ever
@RethinkingUI
@RethinkingUI 6 месяцев назад
Thank you
@PrudhvirajDandi
@PrudhvirajDandi 3 года назад
Nice Explanation, thank you so much for sharing such a beautiful video's for us.
@RethinkingUI
@RethinkingUI 3 года назад
Thank u @Prudhviraj
@darnasowjanya2628
@darnasowjanya2628 3 года назад
Clear and nice explanation
@bhushanbadhe7773
@bhushanbadhe7773 11 дней назад
Can you tell me how I can add .htaccess file into this ? When I refresh child routes of application it shows me error that page not found
@CoolManGen
@CoolManGen Год назад
I copy "app.yaml" config, and it work! Thanks a lot!!!🙏🙏🙏
@RethinkingUI
@RethinkingUI Год назад
Your Welcome
@yadav-r
@yadav-r 4 месяца назад
Thank you for sharing. If possible, can you please do a video on YAML files, why and how of it, I am stuck there. If I create a Remix app, then this YAML file does not work for it and I have no clue what to change/adapt for that and whatif some new framework I wish to use. Thank you again man.
@veeruj1282
@veeruj1282 3 года назад
Nice explanation bro
@RethinkingUI
@RethinkingUI 3 года назад
Thank u @Veeru
@PrudhvirajDandi
@PrudhvirajDandi 3 года назад
Instead of Google provided URL, can we use our own URL?
@RethinkingUI
@RethinkingUI 3 года назад
Yes, we also can provide a custom domain. In-App Engine Right bottom we will have settings Options, In that second tab is for custom domains there we can set our own domain. Please check it.
@hendoitechnologies
@hendoitechnologies 3 месяца назад
how to connect with custom domain react app
@RethinkingUI
@RethinkingUI 3 месяца назад
It will be mentioned in the video can you please check it
@kishoreandra
@kishoreandra 3 года назад
👌🏻...
@sonangcao7091
@sonangcao7091 2 года назад
how can i open tab -- INSERT -- in vim? please!
@RethinkingUI
@RethinkingUI 2 года назад
Type i to switch to insert mode in vim
@MT4d616e
@MT4d616e 10 месяцев назад
thanks very much.. it was nice.. I also tried the same way to deploy Nextjs app but it is throwing 500 internal error.. how to solve that. ?
@user-yk4fh1fs1k
@user-yk4fh1fs1k Год назад
I followed every step but just getting a white screen? how do i fix?
@RethinkingUI
@RethinkingUI Год назад
Any error u got in console. At wt point u got white screen.
@gajamanurag7155
@gajamanurag7155 Год назад
Hi, I did the same thing as yours, app got deployed without any errors and got url. When I navigate to that URL I don't see my React application. I can see the name and icon in the tab section. Could please help me with this?
@RethinkingUI
@RethinkingUI Год назад
Check in the console any error?
@abhishektiwari7421
@abhishektiwari7421 Год назад
but if i m deleting the files then again taking pull from the branch ...so it is showing some error while creating the build...so want to know is it neccessary to delete the files?
@RethinkingUI
@RethinkingUI Год назад
Am not sure about what your talking? Can you please keep the error here. Also steps you did and which step you got strucked.
@madhan5407
@madhan5407 Год назад
Hi can you make video to deploy react + springboot application on google cloud springboot needs to be deployed on GKE and react on app engine I tried but getting mixed content warning so can you help here
@blackboxbs8642
@blackboxbs8642 3 года назад
What mic do you use?
@RethinkingUI
@RethinkingUI 3 года назад
Dell Pro Stereo Headset UC 350 www.amazon.in/Dell-Pro-Stereo-Headset-UC350/dp/B06XPGPY3H
Далее
Things To Know About React Props | Props
14:35
Run your React app on Google Cloud
16:28
Просмотров 18 тыс.
Can You Bend This Bar?
01:00
Просмотров 3,9 млн
Google Cloud - App Engine Tutorial For Beginners
46:05
Stop Using Create React App
10:22
Просмотров 336 тыс.
Deploying a React app to Google Cloud.
11:49
Просмотров 36 тыс.
Deploying Django to Google App Engine using Docker
59:10