Тёмный

Use This Trick To Deploy React From Github To Azure! | React Explained | Episode - 33 

Noble Cause Software Development
Подписаться 784
Просмотров 5 тыс.
50% 1

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

 

27 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@kwenamashamaite58
@kwenamashamaite58 Год назад
Bravo 🔥🔥. August 2023 and it still works. It went from 3h 40 min to 2 min and a couple of seconds. Thank you very much sir 🤝
@NobleCauseCode
@NobleCauseCode Год назад
Sweet! Glad I could help!
@omobayodeosinubi1964
@omobayodeosinubi1964 Год назад
This is the coolest video that I have seen on RU-vid. It is so helpful and easy to follow.
@NobleCauseCode
@NobleCauseCode Год назад
So glad it helped you out!
@NothingBiggerThanNature
@NothingBiggerThanNature Год назад
Thank you so much. I had struggled a lot with yaml file deployment where its taking too much time to upload artifacts which you mentioned the resolution. that saved me. Thanks a lot again.
@NobleCauseCode
@NobleCauseCode Год назад
NICE! Yeah when I realized what this was doing I couldn't believe the time savings, had to share it here. Glad it helped you out!
@haoweili6999
@haoweili6999 2 года назад
Thank you so much man. Words cannot describe how appreciate I am. I was driven crazy by the amount of time it took to deploy every time especially during the process of debug/testing. This saves tons of my time. You deserve more subs, and now you earn a sub from me. Well done.
@NobleCauseCode
@NobleCauseCode 2 года назад
I appreciate the kind words my friend! So happy to help! Let me know if you want me to cover anything else. Your comment had perfect timing. I'm sitting here without electricity from hurricane Ian. Thanks for the sub too!
@uswin30
@uswin30 2 года назад
i appreciate that you kept it very real and relatable all the way down to when there was an error and you showed how to solve it. thank you for keeping it honest and thorough. you have made it to my top video tutorials to watch.
@NobleCauseCode
@NobleCauseCode 2 года назад
I appreciate that! I think my next video is gonna be about sending verification emails to new sign-ups. I'm planning to do it totally on the fly including googling anything I need to figure out. May bee helpful to see how much programmers use Google! Anyway, thanks again and let me know if there is anything you want me to cover!
@mandlamkhari5003
@mandlamkhari5003 11 месяцев назад
Great Episode,. Was very helpful to me
@NobleCauseCode
@NobleCauseCode 11 месяцев назад
Glad it helped!
@herokhanal-i2x
@herokhanal-i2x Год назад
You are a life saver. Thank you so much for the video.
@NobleCauseCode
@NobleCauseCode Год назад
Glad it helped!
@user-ev4sq2io1c
@user-ev4sq2io1c Год назад
amazing video, ty for helping me deploy my web
@NobleCauseCode
@NobleCauseCode Год назад
Sweet! Glad you liked it!
@chineduenwere465
@chineduenwere465 Год назад
Thanks so much man. When from 3 hours to 3 minutes
@NobleCauseCode
@NobleCauseCode Год назад
Sweet!
@ankurshah5568
@ankurshah5568 10 месяцев назад
Can you please let me know which zip command to use in Linux?
@bordsUK
@bordsUK 2 года назад
This was helpful... well deserved sub.
@NobleCauseCode
@NobleCauseCode 2 года назад
Thanks man! More to come soon. Going back to videos that show howto's instead of full apps that take hours. Appreciate the feedback.
@carlosluna298
@carlosluna298 Год назад
Appreciated man! now my CI/CD is up and running, pretty easy to follow your video thru thanks from the heart of a novice on this stuff. What if we would like to connect that frontend app to a Nodejs backend server, would be like the same in azure? or what kind of config would be needed to make the frontend app and the backend one to talk to each other?
@NobleCauseCode
@NobleCauseCode Год назад
That depends on a lot of things. In a simple scenario, when you deploy the node api, you can just point react's api calls to the url of the node app, but in more complex setups, you might need to run through proxies and open ports up so the two can talk to each other.
@fabiolacontreras437
@fabiolacontreras437 2 года назад
thanks for the video..
@NobleCauseCode
@NobleCauseCode 2 года назад
Sure thing! Thanks for checking it out!
@yaminnather521
@yaminnather521 Год назад
Thanks a lot, was thinking that was the reason but wasnt sure if I was right since there arent any videos addressing this issue which is weird, so I thought I was doing something wrong. Why are there videos that just upload the entire folder instead of only the build but still have it working? Im confused lol
@NobleCauseCode
@NobleCauseCode Год назад
Not sure what you mean...
@yaminnather521
@yaminnather521 Год назад
@@NobleCauseCode I couldn't find a single video addressing the problem of the whole project folder being hosted instead of just the output build. I kinda understood that that was the cause of the issues for me, but I was finding it hard to confirm if that was the case, since there were basically no video addressing this issue. You would think that this would be a common problem and people on RU-vid would point that out lol Thanks again and sorry for confusing you lol
@ifeanyiokeibunor8411
@ifeanyiokeibunor8411 2 года назад
How did you run this without a login secrete? I cannot see azure login anywhere in the workflow please help, this is my first trial of CICD
@NobleCauseCode
@NobleCauseCode 2 года назад
Not sure what you mean? I was logged into the Azure portal in Chrome. Once logged in, I was able to create a web app and hook it up to my github account with the authorize button. I didn't need any secrets to hook up CI/CD. Can you give me more detail on what's not working?
@loganbramwell5209
@loganbramwell5209 Год назад
Where did the build folder ome from...?
@NobleCauseCode
@NobleCauseCode Год назад
Ahh OK, I think you mean on your local machine. You won't initially have a build folder, but if you saw the yaml does npm install and then npm run build. That makes the production build that will be deployed. If you want to see that folder locally, just do the same. Type npm run build and it will create all of it. The build command is defined in package.json. Hope that clears it up
@benjaminnguyen592
@benjaminnguyen592 Год назад
Hi there, I followed the same steps as you did, but I still received the "You do not have permission to view this directory or page." Would you give me some advice on how to debug this? I tried to debug this but kept failing.
@NobleCauseCode
@NobleCauseCode Год назад
If you drill down into the kudu tools like I do in the video, what is deployed to the wwwroot folder? If the build folder files are there it should work fine.
@benjaminnguyen592
@benjaminnguyen592 Год назад
@@NobleCauseCode I followed what you did in the video. Inside my wwroot folder is the build folder after being extracted.
@NobleCauseCode
@NobleCauseCode Год назад
@@benjaminnguyen592 hmm It's been a while since I did this video but I wonder if those files should be in wwwroot not inside a build folder. See if you can manually copy the files into wwwroot. If it works then you can change the yaml to match what it needs to do.
@agajdy
@agajdy Год назад
why web app instead of static web app?
@NobleCauseCode
@NobleCauseCode Год назад
Not sure what you are specifically asking, at what step?
Далее
Гаджет из даркнета 📦
00:45
Просмотров 242 тыс.
진 (Jin) 'I'll Be There' Official MV
03:15
Просмотров 9 млн
Auto Deploy React & Node.js with Github Actions CI/CD
1:08:42
The TRIPLE FOLDING phone has a Problem.
12:54
Просмотров 1,8 млн