DEPLOY REACT APPLICATION TO AZURE WEB APP ON LINUX - Build/Release Pipeline for Azure DevOps

Bro, how can we enable caching and text compression in this setup (React + Azure Webapp on linux)

Hi Rahul, this method worked for me. I was able to reload my site for a few time. And then I have been receiving an application error message.
The stack being used in my App service is PHP. Do I need to try some other commands?

Thanks dude.

You are a life saver! You saved me tons of time. I was wondering why React is not working linux. Your video gave me the answer. Thanks much.

Thank you for sharing this information Rahul! It was quite helpful :)

Man I love you, if you ever come to Argentina let me know so I can buy you a beer

This is amazing! I wasn't able to find much documentation on Linux app services so this video helped a lot!! Thank you again!

MVP!

Thank you Rahul, very handy video and help me a lot! It is sad that App Services does not have a type like `Static Content` just to serve web standards (html, css and js) and images. I know it is not common but in case of scaling the app service, will the configuration be applied to the new instances of the application? I mean, the pm2 statement. Thank you!

Hi Rahul I am impressed with your way of teaching and its very easy to understand every lectures of yours, I have a query regarding DevOps and Azure, Can I learn both of these techniques through video tutorial or I should do some certification, please help me out I am new in both the technologies.

Great video, thanks a lot!!!

How can you do a mern stack deployment to azure devops?

How to do the same using yaml pipeline

Hi Rahul, as I told you that my build and release pipeline working properly and getting all the files successfully deployed on linux server in wwwroot folder. I executed ssh commands and check all the files and folders. I also specified pm2 serve /home/site/wwwroot --no-daemon in release pipeline but when I am still getting default web app page . my web is is linux based web app on azure. kindly suggest how can I render my index.html page instead of default web app page ?

Hi Rahul Nath, I am getting error message :- No Package found with specified pattern : D:/a/r1/a/drop if packageg mentioned in the task is published as an artifact in the build or a previous stage and downloaded in the current job. can you please do me a favor and suggest feasible solution. I am trying to deploy react application on linux web app on azure.

Thanks for this informative tutorial. I have one question tho. What if your SPA (Angular) is using a web.config? I assume linux will ignore this?

Hi, can you make the same thing for SPA for Linux, I am trying it gives an Error? Kudos to your video , it really help a lot.

Can you just help me out how to get roles in JWT token received from Azure Ad?

You saved my life. I was frustrated on why my app worked on a Windows instance and did not on the Linux. I must have gone through tonnes of forums, MS guides, endless redeployment and tweaks etc. Your 5 min video did the job. Thanks pal...

Awesome content. Please blink next time.

How to use our custom domain (url) in web apps in place of Azure website domain which is coming by default.

Thanks for really helpful video! But I have a question, what was the runtime you chose for that linux web app and for windows app (from previous video) ? Why I am asking is because I just created Linux web app with Node 14 runtime and when I try to use pm2 I am getting - pm2 not found. I connected via ssh to that app, run npm install pm2 -g, restarted web app but still getting pm2 not found. I am blocked now(

great job bro! thanks! you save my day :)

thank you mate, much more useful than the docs!

Hi Rahul, thanks for your video. This was very useful for me while deploying my gatsby site to the azure linux web app. But, I am facing one issue when I refresh any page except my home page, I get an error saying "Sorry, check with the site admin for error: EISDIR ..". This was working fine in Kubernetes environment but recently I moved it to the azure web app. Do you have any idea?

Awesome

Thanks man, for real. Azure guidelines for Linux host are absolute garbage.

Hey Rahul, thank you so much for explaining the startup command on the Linux Web app. it worked for me after applying the same startup command.

It would be great if you can share with me the previous link, where you created the react app in the Windows app.

Absolute life saver! Thank you! There is so much misinformation around on how to deploy Angular apps to a Linux based app service running on Azure. The PM2 command is what I needed!

Hey Rahul,
Thanks a lot for the great explanatory videos.
Can you please provide the complete topics of Azure Automation Runbooks with PowerShell.

pm2 serve /home/site/wwwroot --no-daemon --spa is the startup command
and
you are the MAN ...!

Can you share the same tuts for React native app ?

Your videos are really great... The video showing create react app from scratch till deploying it was the best session anyone could give in a small span of time.

It would be great if you could upload a video of the same create react app deploying it to linux web app by editing yaml and adding app settings also

Mate, you have no idea how much of a saviour you are <3 Thank you!

How can we manage pipeline for backend and frondend (ex node and reactjs) application

I can barely listen

Hey! Thanks for the video.
I tried doing this but I got a 404 'Page not found' error. Any idea as to why?

@rahul Does it support react .net core SSR app

Thanks for your contribution, you solved a big problem for me!

Do you know that in 4 minutes you answered more questions than ms-docs did in a week? TOP!

Rahul thank you so much for your video, I have a problem with the routing, I'm not sure what happen, when I reload the browser the following error appears "The resource you are looking for has been removed, had its name changed, or is temporarily unavailable." Do I need to add extra configuration for react router in azure web site?

Great explanation........But what will be the startup command when we use both node and react say MERN stack in Linux web app in azure?

Thank you so much for this video. I have a question how to use reverse proxy for api here. We have backend Django for api We need our Fronted react webapp to route request to backend.I am using linux webapp.

Thank you so much!!!!

You're the man!!! Thank you so much for creating this video. Huge help.

Brooo you are the best!!!!!!!!!!! All this tutorials just shows a simple click and deploy step, but none of them explained the IIS server thing like you did. You also went on to how to do it! You are the best! Love you!! You just saved me from endless pain

Hello! COuld you share the code in github please