Deploy React app to Azure App Service. Deploy website to Azure app service. azure website deployment

[@charlesl7536]

Great video! Thank you.

[@MustafaMustafa-u8t]

Hi Mukesh. When do we need CICD pipeline then ??

[@mj74518]

Hi Mukesh Out folder is not generated after npm run build command instead its generating .next folder

[@techworldwithmukesh4287]

you need to update the next.config.js with output: 'export'. nextjs.org/docs/pages/building-your-application/deploying/static-exports. Thanks

[@annaraork]

I am not seeing drag and drop option as how to saw it. My os is linux any other method is there

[@techworldwithmukesh4287]

Thanks, I'll check for other options. You can use ci/cd pipeline for deployment.

[@pratipadakhatode1146]

Easy and clear Explanation..

[@techworldwithmukesh4287]

Thank you

[@hggnomm]

Hello sir! Is Azure app service free when just only me using my web app?

[@techworldwithmukesh4287]

Yes, it has a free SKU which you can use and it's free.

[@arstanash]

how do you handle the routes?

[@techworldwithmukesh4287]

I used next.js, which is a full-stack React framework. The Pages Router is a file-system-based router built on the concept of pages. When a file is added to the pages directory, it's automatically available as a route.

[@arstanash]

i see, i guess for bare react project it s a bit different

[@techworldwithmukesh4287]

Yes, you can use react-router-dom for routing.

[@arstanash]

ofcourse man, how else it s gonna work. i face problem when i upload build folder to azure (it works locally and probably if i try to upload on vercel or smth; but not on azure) i heard before you could define route in separate config file, but not anymore. so i asked if you faced same problem, but anyway thanks @@techworldwithmukesh4287

[@bhushanbadhe7773]

Hey bro Let me know if you got any solution to handle routes in react app. I think you're facing same issue eg if your react app have 2 different pages which has 2 different routes. All apis work without any issues but when I refresh/reload the page it shows me page not found error right ?

[@graceholland4823]

*Promosm* 😱

[@MustafaMustafa-u8t]

Hi Mukesh. When do we need CICD pipeline then ??

[@techworldwithmukesh4287]

We need CICD pipeline if we want to automate the process of build and deployment. With CICD pipeline, Any changes we push to our repository can be build and deployed without any manual effort.

[@MustafaMustafa-u8t]

Hi Mukesh. When do we need CICD pipeline then ??

[@MustafaMustafa-u8t]

Hi Mukesh, when do we need CICD pipeline then.??