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

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 24

  • @charlesl7536
    @charlesl7536 24 дня назад +1

    Great video! Thank you.

  • @mj74518
    @mj74518 3 месяца назад +2

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

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  3 месяца назад

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

  • @pratipadakhatode1146
    @pratipadakhatode1146 3 месяца назад

    Easy and clear Explanation..

  • @annaraork
    @annaraork 2 месяца назад +1

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

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  Месяц назад

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

    • @charlesl7536
      @charlesl7536 24 дня назад +1

      It seems like only the windows system (the option when you create the app service) has the file drag option.

  • @arstanash
    @arstanash 10 месяцев назад +1

    how do you handle the routes?

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  10 месяцев назад

      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
      @arstanash 10 месяцев назад +1

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

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  10 месяцев назад

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

    • @arstanash
      @arstanash 10 месяцев назад

      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
      @bhushanbadhe7773 3 месяца назад

      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 ?

  • @hggnomm
    @hggnomm Месяц назад

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

  • @MustafaMustafa-u8t
    @MustafaMustafa-u8t 9 месяцев назад

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

  • @SarwatSultana-qd5bk
    @SarwatSultana-qd5bk 8 дней назад +1

    Cicd?

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  8 дней назад +1

      There is another video on channel to deploy using ci cd pipeline from github actions.

  • @graceholland4823
    @graceholland4823 10 месяцев назад

    *Promosm* 😱

  • @MustafaMustafa-u8t
    @MustafaMustafa-u8t 9 месяцев назад

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

  • @MustafaMustafa-u8t
    @MustafaMustafa-u8t 9 месяцев назад

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

  • @MustafaMustafa-u8t
    @MustafaMustafa-u8t 9 месяцев назад

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

    • @techworldwithmukesh4287
      @techworldwithmukesh4287  9 месяцев назад

      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.