No video

Deploy my first React JS Application to Azure App Service

  Рет қаралды 34,400

Coding Locker

Coding Locker

3 жыл бұрын

In this video I have successfully deployed our newly created React Application to Azure. In part 1 at first we have created new react js application and integrated react js application with adminlte. in this Part I have at first pushed our code to Azure Devops, then we have created build and release pipeline in azure to deploy our first react js applicaiton.
What we have done here in #Deploying of #ReactJSApp to #Azure.
Creation of new React App.
Integrated AdminLTE with React Application practically
Pushed our code to Azure Devops
Created build pipeline in azure for react application
Crated release pipeline in azure for react js application.
Coding Locker with Practical Example of ReactJS Deployment to Azure.
AdminLTE integration with ReactJs Link
• Admin LTE 3 Integratio...
Ready to use GitHub Location for AdminLTE integration with React
github.com/cpvariyani/AdminLt...
Blog
codinglocker.com/
Subscribe Coding Locker
bit.ly/3mh3e0D

Пікірлер: 42
@contactdi8426
@contactdi8426 2 жыл бұрын
What an awesome tutorial I ever saw... to the point, perfect clear.... brilliant man!! Thanks a lot. You made it so much easier. Thanks
@krishnachaluvadi3268
@krishnachaluvadi3268 3 жыл бұрын
A clear and crispy practical end to end demo, thank you
@codinglocker6744
@codinglocker6744 3 жыл бұрын
You are welcome!
@malikusman7677
@malikusman7677 2 жыл бұрын
Thanks for explaining each and everything in clear way.
@naveenpujari8996
@naveenpujari8996 3 жыл бұрын
u r one of person who share clear and sold Knowledge. u helped me to publish my react app in azure.. so as i gift .. subscribing and yes to all bell all noti.. thanks bro.
@codinglocker6744
@codinglocker6744 3 жыл бұрын
Glad to hear that
@ashokbutra2850
@ashokbutra2850 8 ай бұрын
Thank you so much,...I'll be grateful to you for this awesome video...after many attempts finally I got clear in this pipelines topic through this video
@doug5568
@doug5568 3 жыл бұрын
Thank you very much for this - very clear and easy to follow - only difference was I was using yarn - but absolutely no issues!
@codinglocker6744
@codinglocker6744 3 жыл бұрын
Wonderful!
@neerajrajak6150
@neerajrajak6150 Жыл бұрын
Thank you for this video. Explained very well
@vishalgangde702
@vishalgangde702 Жыл бұрын
It will help me for my first deployment on azure.....Thanks alot sir 🙏🏻
@coltonblue
@coltonblue Жыл бұрын
Important Note: Microsoft has restricted the use of pipelines in the free Azure tier as of summer 2021. This was done to limit the amount of abuse they were seeing on free accounts. When running the pipeline @9:19 after you click "Save and run", you will see the following error: "No hosted parallelism has been purchased or granted." You must follow the link given in the error message, fill out the form to manually request permission from Microsoft, then wait 1 - 3 days for a response. I believe the only way around this is to upgrade to a paid tier. Otherwise you'll be stuck waiting on Microsoft's response to your request.
@DefYesJuju
@DefYesJuju 3 жыл бұрын
Thank you, very clear and precise instructions, was struggling abit cos im deploying server and client but manage to configure the agent job to work with it
@codinglocker6744
@codinglocker6744 3 жыл бұрын
Thanks for the feedback.
@thiagomr8
@thiagomr8 Жыл бұрын
I LOVE YOU! THANK YOU SO MUCH!!!!!!
@MrOpolo91
@MrOpolo91 3 жыл бұрын
very clear and concise explanation keep it up!
@codinglocker6744
@codinglocker6744 3 жыл бұрын
Glad you liked it!
@manulib7274
@manulib7274 Ай бұрын
Nice explanation 👌
@GuruSankar17
@GuruSankar17 2 жыл бұрын
Really helpful video. Keep it up. Expecting more.
@codinglocker6744
@codinglocker6744 2 жыл бұрын
Thanks, will do!
@satyendrasharma4768
@satyendrasharma4768 Жыл бұрын
helped me. thanks
@manoharv3319
@manoharv3319 3 жыл бұрын
Nice and practical solution
@codinglocker6744
@codinglocker6744 3 жыл бұрын
Thanks
@venkateshwarmyadam5004
@venkateshwarmyadam5004 2 жыл бұрын
superb explanation..Kudos
@codinglocker6744
@codinglocker6744 2 жыл бұрын
Glad you liked it
@intelkancharla8875
@intelkancharla8875 2 жыл бұрын
Im still seeing the default page on azure app even after following all the steps that were mentioned here? is it something related to web.config file that you have in your folder?
@gayatridevigovindarajula3312
@gayatridevigovindarajula3312 3 жыл бұрын
Thank you very much.
@codinglocker6744
@codinglocker6744 3 жыл бұрын
You are welcome!
@joywindsouza817
@joywindsouza817 2 жыл бұрын
Can you help understand the pricing to host ?
@pratyushbhardwaj2460
@pratyushbhardwaj2460 2 жыл бұрын
Do we follow the same steps for an angular app also?
@user-og4vu9bv9s
@user-og4vu9bv9s 8 ай бұрын
I'm getting npm failed with return code 1, while running build pipeline, can anyone help me with that
@shalindafernando1296
@shalindafernando1296 Жыл бұрын
Informative tutorial. Well Done 👍. One thing, can you please repeat the 3 stages (11:48) in response to this comment?. Sorry I didn't hear it well on the video.
@navnathsawant3092
@navnathsawant3092 11 ай бұрын
Can you add service connection in this video or create new video for that?
@romellopez6136
@romellopez6136 2 жыл бұрын
"No hosted parallelism has been purchased or granted" I cant use pipelines without buying something? what would i need to buy sir?
@itsyourtravelista
@itsyourtravelista 11 ай бұрын
same problem i face
@gustavvingtoft2362
@gustavvingtoft2362 2 жыл бұрын
Can we access the repo?
@anoop.225
@anoop.225 2 жыл бұрын
Getting below error, How to fix ? 32 error code EBADPLATFORM 33 error notsup Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) 34 error notsup Valid OS: darwin 34 error notsup Valid Arch: any 34 error notsup Actual OS: win32 34 error notsup Actual Arch: x64
@anshumansrivastava6241
@anshumansrivastava6241 9 ай бұрын
If we can host our website using azure app service then why we need ngix or apache??
@anshumansrivastava6241
@anshumansrivastava6241 9 ай бұрын
And what the difference between deploying by this method or deploying by using webserver
@sumeetchandel9521
@sumeetchandel9521 4 ай бұрын
How to contact you ?
Admin LTE 3 Integration with React JS tutorial with Practical Example
17:10
Deploying React apps to Azure Web App with Azure DevOps
11:07
Techies Lounge
Рет қаралды 46 М.
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 50 МЛН
Pool Bed Prank By My Grandpa 😂 #funny
00:47
SKITS
Рет қаралды 17 МЛН
Doing This Instead Of Studying.. 😳
00:12
Jojo Sim
Рет қаралды 29 МЛН
Did We Get It Wrong? Ryzen 7 9700X & Ryzen 5 9600X Re-Review
33:44
Hardware Unboxed
Рет қаралды 195 М.
How to host a React App on Azure
20:48
Jose Antonio
Рет қаралды 6 М.
iPhone 16 & 16 Pro - 1 MONTH to go! [Everything We Know So Far]
10:19
The Tech Chap
Рет қаралды 181 М.
Azure DevOps & Create React App : Build/Release Pipeline
10:59
Rahul Nath
Рет қаралды 46 М.
Azure App Service (Web Apps) Tutorial
20:08
Adam Marczak - Azure for Everyone
Рет қаралды 340 М.
The Best Way to Host & Deploy a React Application
11:00
JavaScript Mastery
Рет қаралды 244 М.
A Python Developers Guide to AI in 2024
12:51
Tech With Tim
Рет қаралды 13 М.