- Видео 23
- Просмотров 22 348
TechWorld with Mukesh
Индия
Добавлен 8 ноя 2011
Creating videos and helping developers build apps using .NET core, vue.js, and Cloud (AWS and Azure).
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
Getting started with .net core command line
Просмотров 495 лет назад
Getting started with .net core command line
Cicd?
There is another video on channel to deploy using ci cd pipeline from github actions.
Great video! Thank you.
Hello sir! Is Azure app service free when just only me using my web app?
Yes, it has a free SKU which you can use and it's free.
I am not seeing drag and drop option as how to saw it. My os is linux any other method is there
Thanks, I'll check for other options. You can use ci/cd pipeline for deployment.
It seems like only the windows system (the option when you create the app service) has the file drag option.
Great work. Very helpful for the interview. Thanks
Thank you
Very informative and clear. Great work
Thank you
Hi Mukesh Out folder is not generated after npm run build command instead its generating .next folder
you need to update the next.config.js with output: 'export'. nextjs.org/docs/pages/building-your-application/deploying/static-exports. Thanks
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';
Thanks. Issue with axios import statement. Axios should be axios.
@@techworldwithmukesh4287 , thanks a lot this fixed the issue - build & deploy was completed, checking why azure web app doesn't have react files now 🙂
Easy and clear Explanation..
Thank you
Factory Method design pattern is a must for interview preparation.
Learning design patterns is fun 🙂
👍👍
Thanks
This was really informative, keep the videos coming. 🤩🤩
Thank you! Will do!
my login is getting failed even after i passed my credentials in secret y?
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
@@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
❤❤
my bro creating tutorial video during the working hours he even closed message from colleague
Please subscribe bro 🤪🤪🤪
This video was really helpful, thankyou so much sir 🙌
Happy to help
How to contact you ?
You can connect via www.linkedin.com/in/mukesh-singh-1a169622/
I this video we create a github pipeline to deploy react website to azure app service.
Hi Mukesh. When do we need CICD pipeline then ??
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.
Hi Mukesh. When do we need CICD pipeline then ??
Hi Mukesh. When do we need CICD pipeline then ??
Hi Mukesh, when do we need CICD pipeline then.??
Very good sir
Thanks
How to connect you sri
We can connect over www.linkedin.com/in/mukesh-singh-1a169622/
Get started with docker
how do you handle the routes?
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.
i see, i guess for bare react project it s a bit different
Yes, you can use react-router-dom for routing.
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
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 ?
*Promosm* 😱
great work
Thank you 😊
which software you are using sir in this video ? visual studio? right
Yes, I used visual studio. Thanks
great video mukesh! love you papa
Thanks
Well Done Mukesh
Thanks 😊
That was really helpful, thanks!
Is visual studio 2022 enterprise version? can we do the same with the Visual studio code too?
Yes it is visual studio 2022 enterprise but you can deploy it with community edition.
Thank you for the video. It has helped me how to use azure key vault in my project in one go.
Great video 🙌
Keep up the good work. Thanks
very good, great work
It helped me to created my first vuejs app to AWS S3
Very nice, All the best.
Very good. It helped me to understand the azure key vault.
Enjoy learning Azure key vault.
Very good, it helped with deployment of a asp.net web application to Azure.
Useful learning
Create Asp.net website and deploy using Visual Studio 2022.
Easy way to deploy Azure function on the cloud.
thank you
Good learning
This video helped massively while figuring out AWS. Thanks :')
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?
Thanks for trying it. You can verify routing of controllers by running it locally.
@@techworldwithmukesh4287 I could not understand would you please explain sir
Can you run your application locally from visual studio and see if application is working.
@@techworldwithmukesh4287 yes sir it work fine locally using rds endpoint string