TechWorld with Mukesh
TechWorld with Mukesh
  • Видео 23
  • Просмотров 22 348
Deploy React app to Azure App Service with Visual Studio Code
In this video we learn to deploy ReactJS app to Azure app service using Visual Studio Code. It is the most easiest way to deploy the React Application to Azure Cloud.
Просмотров: 128

Видео

Adapter Design Pattern | Design Pattern Tutorial
Просмотров 40Месяц назад
In this video we understand about the adapter design pattern. Design patterns are reusable solutions to common problems in software design.
Understanding the Observer Pattern | Behavioral Design Patterns Explained
Просмотров 313 месяца назад
In this video, we dive into the Observer Pattern, a key behavioral design pattern. Learn how it allows you to create a subscription mechanism that notifies multiple objects about any events or changes happening in the object they’re observing. Perfect for designing systems where different components need to stay updated with the latest changes in a seamless way. Don't miss out on this essential...
Factory Method | Design pattern
Просмотров 614 месяца назад
In this video, we learn about the factory method design pattern. We write a simple C# program implementation of the Factory Method design pattern.
Design Pattern: Abstract factory | Creational design pattern
Просмотров 134 месяца назад
The Abstract Factory design pattern provides an interface for creating families of related or dependent objects without specifying their concrete classes.
Azure Storage Data Lake Upload file to Azure from React and ASP.Net core Web Api
Просмотров 2214 месяца назад
In this video, we create an Azure storage account and container to upload files. We use React and ASP.NET core web API to upload file to Azure storage account container.
Azure Cache For Redis with dotnet core example
Просмотров 1815 месяцев назад
In this video, we create a dotnet core example to connect with the Azure cache for Redis. In this example, we set and get data in Azure cache for Redis.
Github action CI/CD pipeline for deploying React website to Azure App Service
Просмотров 2,1 тыс.8 месяцев назад
In this video, we are deploying the ReactJS website to Azure App Service. For deploying we use the Github actions CI/CD pipeline. Any of the future commits on this repo will get automatically build and deployed using this workflow.
Deploy React website to Amazon AWS S3 bucket | Deploy Website | AWS S3
Просмотров 1728 месяцев назад
In this video, we are deploying the React Website to the Amazon AWS S3 bucket. We add a policy to be able to access the deployed website by the public.
Create react docker image | Deploy react image to Azure app service
Просмотров 5199 месяцев назад
In this video, we create a React app and containerize it by creating a docker file. Run the image over the docker desktop. We later push the react app image to the docker hub to deploy over the Azure app service.
Docker Volume | Persist data for a docker container | Docker tutorial Part 2
Просмотров 819 месяцев назад
I this video we are understanding how to persist data of a container. How to create named volumes for a container.
Getting Started with Docker| Run the docker container on Windows | Docker tutorial
Просмотров 1649 месяцев назад
This is an easy way to get started with docker. It'll help you quickly run and docker container in your local Windows machine.
Deploy Asp.Net Entity framework website to Azure app service How to create Azure SQL Server database
Просмотров 87410 месяцев назад
In this video, we are deploying the ASP.NET Entity framework application to the Azure app service. We created the Azure SQL Database using the Azure portal. We create the app service from Visual Studio. This is the GitHub link for the code that is used. github.com/dotnet/AspNetCore.Docs/tree/main/aspnetcore/data/ef-rp/intro/samples
Deploy React app to Azure App Service. Deploy website to Azure app service. azure website deployment
Просмотров 10 тыс.10 месяцев назад
In this we are deploying react web app to azure app service.
Introduction to Azure key vault. Getting started with Azure key vault. .net core.
Просмотров 1 тыс.2 года назад
Introduction to Azure key vault. Getting started with Azure key vault. .net core.
Deploy ASP.NET Web Application on Azure App Service | How to Deploy ASP.NET Website
Просмотров 1602 года назад
Deploy ASP.NET Web Application on Azure App Service | How to Deploy ASP.NET Website
Deploy Azure function | Create .NET Core function App on Azure Function | Azure Cloud
Просмотров 1,7 тыс.2 года назад
Deploy Azure function | Create .NET Core function App on Azure Function | Azure Cloud
Deploy Asp.net Core Web Application to AWS Elastic Beanstalk
Просмотров 2,9 тыс.3 года назад
Deploy Asp.net Core Web Application to AWS Elastic Beanstalk
Vue Router | Add route to vue.js app| How to add Vue router in Vue App
Просмотров 1843 года назад
Vue Router | Add route to vue.js app| How to add Vue router in Vue App
Deploy Vue.js website on amazon AWS S3 Bucket
Просмотров 1,7 тыс.4 года назад
Deploy Vue.js website on amazon AWS S3 Bucket
Vue.js Getting started
Просмотров 1884 года назад
Vue.js Getting started
Getting started with .net core command line
Просмотров 495 лет назад
Getting started with .net core command line

Комментарии

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

    Cicd?

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

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

  • @charlesl7536
    @charlesl7536 25 дней назад

    Great video! Thank you.

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

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

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

    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 25 дней назад

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

  • @Narendra-b9h
    @Narendra-b9h 3 месяца назад

    Great work. Very helpful for the interview. Thanks

  • @Narendra-b9h
    @Narendra-b9h 3 месяца назад

    Very informative and clear. Great work

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

    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

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

    hi, thanks for this video, i'm getting below error - any idea? SyntaxError: Cannot use import statement outside a module 18 | //import CardActionArea from "@material-ui/core/CardActionArea"; 19 | //import CardContent from "@material-ui/core/CardContent"; > 20 | import Axios from 'axios';

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

      Thanks. Issue with axios import statement. Axios should be axios.

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

      @@techworldwithmukesh4287 , thanks a lot this fixed the issue - build & deploy was completed, checking why azure web app doesn't have react files now 🙂

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

    Easy and clear Explanation..

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

    Factory Method design pattern is a must for interview preparation.

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

    Learning design patterns is fun 🙂

  • @ArchanaSingh-sx2bv
    @ArchanaSingh-sx2bv 5 месяцев назад

    👍👍

  • @keshavtomar3541
    @keshavtomar3541 5 месяцев назад

    This was really informative, keep the videos coming. 🤩🤩

  • @KarthikeyanChandramohan
    @KarthikeyanChandramohan 5 месяцев назад

    my login is getting failed even after i passed my credentials in secret y?

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

      Thanks for following the video. You need to create a service principal. You can follow this link to create a service principal learn.microsoft.com/en-us/azure/app-service/deploy-github-actions?tabs=userlevel%2Caspnetcore#1-generate-deployment-credentials

    • @KarthikeyanChandramohan
      @KarthikeyanChandramohan 5 месяцев назад

      @@techworldwithmukesh4287 i have service principle, client id, tenant id and subscription id and i created a client secret and passing those into github secrets but while on azure login step it throws an error could you help on this and my workflow is checking package.json in wrong path even after defining my working directory why can u help in this

  • @Ansx-uq1tz
    @Ansx-uq1tz 6 месяцев назад

    ❤❤

  • @santaclose9445
    @santaclose9445 7 месяцев назад

    my bro creating tutorial video during the working hours he even closed message from colleague

  • @theguitarverse
    @theguitarverse 7 месяцев назад

    This video was really helpful, thankyou so much sir 🙌

  • @sumeetchandel9521
    @sumeetchandel9521 8 месяцев назад

    How to contact you ?

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

    I this video we create a github pipeline to deploy react website to azure app service.

  • @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.

  • @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.??

  • @ArchanaSingh-sx2bv
    @ArchanaSingh-sx2bv 9 месяцев назад

    Very good sir

  • @Raj-wt4qt
    @Raj-wt4qt 9 месяцев назад

    How to connect you sri

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

    Get started with docker

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

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

      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 ?

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

    *Promosm* 😱

  • @lal_1404
    @lal_1404 Год назад

    great work

  • @EUK379
    @EUK379 Год назад

    which software you are using sir in this video ? visual studio? right

  • @MrEnragedBurrito
    @MrEnragedBurrito Год назад

    great video mukesh! love you papa

  • @harshithbaranidharan4948
    @harshithbaranidharan4948 2 года назад

    Well Done Mukesh

  • @nafissadik
    @nafissadik 2 года назад

    That was really helpful, thanks!

  • @Saath_Chale_toh_Jeetenge
    @Saath_Chale_toh_Jeetenge 2 года назад

    Is visual studio 2022 enterprise version? can we do the same with the Visual studio code too?

    • @techworldwithmukesh4287
      @techworldwithmukesh4287 2 года назад

      Yes it is visual studio 2022 enterprise but you can deploy it with community edition.

  • @abhilashbelide9146
    @abhilashbelide9146 2 года назад

    Thank you for the video. It has helped me how to use azure key vault in my project in one go.

  • @prashantmishra7692
    @prashantmishra7692 2 года назад

    Great video 🙌

  • @aasyasingh2686
    @aasyasingh2686 2 года назад

    Keep up the good work. Thanks

  • @aasyasingh2686
    @aasyasingh2686 2 года назад

    very good, great work

  • @aasyasingh2686
    @aasyasingh2686 2 года назад

    It helped me to created my first vuejs app to AWS S3

  • @aasyasingh2686
    @aasyasingh2686 2 года назад

    Very nice, All the best.

  • @ArchanaSingh-sx2bv
    @ArchanaSingh-sx2bv 2 года назад

    Very good. It helped me to understand the azure key vault.

  • @techworldwithmukesh4287
    @techworldwithmukesh4287 2 года назад

    Enjoy learning Azure key vault.

  • @ArchanaSingh-sx2bv
    @ArchanaSingh-sx2bv 2 года назад

    Very good, it helped with deployment of a asp.net web application to Azure.

  • @RichFarmers
    @RichFarmers 2 года назад

    Useful learning

  • @techworldwithmukesh4287
    @techworldwithmukesh4287 2 года назад

    Create Asp.net website and deploy using Visual Studio 2022.

  • @techworldwithmukesh4287
    @techworldwithmukesh4287 2 года назад

    Easy way to deploy Azure function on the cloud.

  • @MohdSolihin
    @MohdSolihin 3 года назад

    thank you

  • @RichFarmers
    @RichFarmers 3 года назад

    Good learning

  • @aniruddhac99
    @aniruddhac99 3 года назад

    This video helped massively while figuring out AWS. Thanks :')

  • @priankamondal8258
    @priankamondal8258 3 года назад

    sir I deployed application by flowing you video it deployed properly but I when i trying to navigate url which is provide by beanstalk but it said 404 could not found the application would you please help me?

    • @techworldwithmukesh4287
      @techworldwithmukesh4287 3 года назад

      Thanks for trying it. You can verify routing of controllers by running it locally.

    • @priankamondal8258
      @priankamondal8258 3 года назад

      @@techworldwithmukesh4287 I could not understand would you please explain sir

    • @techworldwithmukesh4287
      @techworldwithmukesh4287 3 года назад

      Can you run your application locally from visual studio and see if application is working.

    • @priankamondal8258
      @priankamondal8258 3 года назад

      @@techworldwithmukesh4287 yes sir it work fine locally using rds endpoint string