Day-4/16 Azure DevOps Pipelines | Build And Deploy YouTube Clone | Azure DevOps Zero to Hero Series

Welcome to Day 4/16 for the Azure DevOps Zero to Hero series. In this video, we will deep dive into Azure Build pipelines and understand every related concept while doing the hands-on demo. We will automate the CI/CD of a KZbin Clone website written in React for the demo.
📌By the end of this video, you will learn the following:
- Provisioning an Azure App Service to host the website.
- Creating a Build Pipelines using the classic editor
- Creating a build pipeline using YAML
- YAML pipeline structure, the difference between jobs, stages, steps, and tasks
- Creating a multi-stage CICD pipeline
- Variables, triggers, Build properties, agents
- Publishing and Download Build Artifacts
This series isn't just about theoretical concepts; it's about hands-on learning, real-time projects, and providing you with all the resources you need to succeed.
✅𝗔𝗹𝗹 𝘁𝗵𝗲 𝗰𝗼𝘂𝗿𝘀𝗲 𝗼𝘂𝘁𝗹𝗶𝗻𝗲 𝗵𝗮𝘀 𝗯𝗲𝗲𝗻 𝘂𝗽𝗹𝗼𝗮𝗱𝗲𝗱 𝘁𝗼 𝗺𝘆 𝗚𝗶𝘁𝗵𝘂𝗯 𝗿𝗲𝗽𝗼𝘀𝗶𝘁𝗼𝗿𝘆
github.com/piyushsachdeva/Azu...
✅ 𝗔𝗹𝗹 𝘁𝗵𝗲 𝗻𝗼𝘁𝗲𝘀 𝗮𝗻𝗱 𝗱𝗶𝗮𝗴𝗿𝗮𝗺𝘀 𝗼𝗳 𝘁𝗵𝗶𝘀 𝘃𝗶𝗱𝗲𝗼 𝗵𝗮𝘃𝗲 𝗯𝗲𝗲𝗻 𝘂𝗽𝗹𝗼𝗮𝗱𝗲𝗱 𝘁𝗼 𝘁𝗵𝗲 𝗗𝗮𝘆4 𝗳𝗼𝗹𝗱𝗲𝗿: github.com/piyushsachdeva/Azu...
Please support me and join me in this learning marathon. Your engagement, questions, and feedback will be invaluable as we embark on this journey together.
𝗩𝗜𝗗𝗘𝗢 𝗖𝗛𝗔𝗣𝗧𝗘𝗥𝗦 👀
𝗖𝗢𝗠𝗣𝗟𝗘𝗧𝗘 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟 𝗦𝗘𝗥𝗜𝗘𝗦 👌 It’s 🅵🆁🅴🅴 ⛳
#10WeeksOfCloudOps
• 10WeeksOfCloudOps Chal...
#Azure900WithPiyush
• AZ900WithPiyush - Azur...
Namaste Google Cloud | GCP Tutorial for beginners, a complete playlist for Associate Cloud Engineer Certification Exam:
• Namaste Google Cloud, ...
DevOps Tutorial for Beginners
• DevOps Tutorial for be...
AWS tutorial for beginners
• AWS (Amazon Web Servic...
Azure Data fundamentals DP 900 full course
• Microsoft Azure Data F...
Jenkins Tutorial for Beginners
• Jenkins Tutorial For B...
DevOps and Cloud Podcasts:
• DevOps and Cloud Podcasts
Subscribe to our channel to get notified about the latest videos.
🔥 / techtutorialswithpiyush
-----------------------------------------------------------------------------------------------------------------------
Connect me Here:👇👇
🔥KZbin ▶ / techtutorialswithpiyush
⛳LinkedIn ▶ / piyush-sachdeva
🚀Instagram ▶ / techtutorialswithpiyush
🌍Twitter ▶ / techie_piyush
👨‍💻 Github ▶ github.com/piyushsachdeva
✍ Medium.com ▶ / piyush.sachdeva055
📚 dev.to: ▶ dev.to/piyushsachdeva
✨Discord ▶ / discord
-----------------------------------------------------------------------------------------------------------------------
References 📚:
#devops #techtutorialswithpiyush
azure devops pipelines
azure devops build pipeline
azure repos tutorial
azure tutorial for beginners
azure devops tutorial
azure devops zero to hero
azure devops full course
azure devops tutorial for beginners
azure tutorial
version control azure repo
azure devops
devops
build and deploy youtube clone
youtube clone
azure pipelines
azure devops pipeline
azure devops ci cd pipeline step by step
azure devops ci cd
azure devops ci/cd pipeline
azure devops ci

[@ShivamKumar-em9nr]

For people unable to use classic editor 1. go to organization settings 2. then go to pipeline settings and disable below three options 3.Disable creation of classic build pipelines 4.Disable creation of classic release pipelines 5.Enable shell tasks arguments validation and you good to go

[@TechTutorialswithPiyush]

Thank you buddy for sharing this with the community!

[@knahsahsshashank32]

thanks this helped me!❤

[@jamesexport4154]

thanks mate! it helped me

[@Yawar_Manzoor]

thank you buddy 👍

[@ameeruddinsyed5798]

"My doubts about building pipelines have been cleared now after coming across one of the best explanations on KZbin."🥳🥳🥳

[@TechTutorialswithPiyush]

Thank you so much for your kind words! I appreciate your feedback

[@aakashpunekar9437]

Pipeline set-up and all the details you are really helpful and looks like a industry standard level too. Thank you for sharing thsi

[@TechTutorialswithPiyush]

Thank you so much Akash for the wonderful feedback, I am glad that you found it helpful

[@srinis9801]

Amazing session, Clear concepts !!!! Thank you so much

[@TechTutorialswithPiyush]

Glad you liked it!

[@saiteja-f1r]

Did this today ,the output came as expected thanks for showing this demo

[@TechTutorialswithPiyush]

Awesome 👍 thank you for sharing

[@AshokKumar-nh3wb]

Amazing explanation. Thanks for this course.

[@TechTutorialswithPiyush]

Glad it was helpful! Keep learning

[@TechTutorialswithPiyush]

✅ 𝗔𝗹𝗹 𝘁𝗵𝗲 𝗻𝗼𝘁𝗲𝘀 𝗮𝗻𝗱 𝗱𝗶𝗮𝗴𝗿𝗮𝗺𝘀 𝗼𝗳 𝘁𝗵𝗶𝘀 𝘃𝗶𝗱𝗲𝗼 𝗵𝗮𝘃𝗲 𝗯𝗲𝗲𝗻 𝘂𝗽𝗹𝗼𝗮𝗱𝗲𝗱 𝘁𝗼 𝘁𝗵𝗲 𝗗𝗮𝘆4 𝗳𝗼𝗹𝗱𝗲𝗿: github.com/piyushsachdeva/AzureDevOps-Zero-to-Hero/tree/main/Day4 ✅𝐋𝐢𝐧𝐤 𝐭𝐨 𝐭𝐡𝐞 𝐀𝐳𝐮𝐫𝐞 𝐃𝐞𝐯𝐎𝐩𝐬 𝐙𝐞𝐫𝐨 𝐭𝐨 𝐇𝐞𝐫𝐨 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 kzbin.info/aero/PLl4APkPHzsUXseJO1a03CtfRDzr2hivbD

[@Jalal921]

Great, thank you. Please, at the end, do a projects on AKS

[@TechTutorialswithPiyush]

@Jalal921 Yes brother, please check the github repo, containers , kubernetes all are part of the playlist.

[@devendrapatil5860]

Thanks Piyush for the in-depth video. :)

[@TechTutorialswithPiyush]

you're welcome

[@sajansubba8111]

Lots of Love, Wishes & Appreciation from Nepal 🌹❤🎉

[@TechTutorialswithPiyush]

Thank you so much 😀 means a lot

[@user-nl8nf1np5d]

Great content sir really helpful for beginners want to make career in cloud special in azure devops hats off to you sir🙏

[@TechTutorialswithPiyush]

Thank you so much , I am glad that you found it helpful 🧡

[@AtulSingh-lr1bf]

Hi sir your all video are very helpful

[@TechTutorialswithPiyush]

Thank you so much Atul 🙂

[@mdashrafhussain3318]

🔥

[@ranarayhan8850]

thanks bro just subscribed you

[@TechTutorialswithPiyush]

Thank you buddy!

[@jit1969]

Fantastic expalination thanks for clearing doubts , Can we get video on how to make secure CICD pipeline like configuring security tools, ...once again thanks.

[@TechTutorialswithPiyush]

Its there in this series, check out the playlist

[@axelhernandez8435]

#4 lets go

[@TechTutorialswithPiyush]

Keep it going 😃💪

[@pramodhbr4190]

Thankyou sir . I follow all your AWS project videos your doing excellent .I have one doubt if follow the Azure-900 playlist that will be enough for Azure 900 certification?

[@TechTutorialswithPiyush]

Hello Pramod, Yes, The AZ900 playlist is more than sufficient to clear the exam with flying colors. Make sure to practise the knowledge checks at the end of each video. Good luck

[@willchesson]

Nice work! Do we have to disable local caching so that content can be seen more quickly? Won't DevOps deploy to App Service even if local caching is enabled, but it takes longer?

[@TechTutorialswithPiyush]

Thank you for the feedback. Yes, local caching needs to be disabled as it will slower the deployment time in making the changes available. That is why I added those two variables.

[@dr.hemantchauhan2613]

❤

[@sshyanwadhwani1316]

thanks for wonderful session, quick question- is there a way i can edit YML pipelines directly in vscode with similar capabilities we see in YAML editor in Pipelines of Azure Devops UI ?. Thanks in advance

[@TechTutorialswithPiyush]

All the yaml assistance that you see in Azure DevOps comes from each of the plugin that is available on Azure marketplace. You can install the plugins to VSCode as well, but it will be too much of work as there is a seperate plugin for a seperate task. Its comes pre-installed with Azure DevOps but not with vscode

[@rutumbharapasupalak5577]

HI @piyush one doubt, if we will do build an deploy both in ci pipeline then what is the use of release pipeline? In release pipeline we usually do the deployment right, please clarify my doubt

[@TechTutorialswithPiyush]

Hello, That's a valid question. Release pipeline provides some extra features such as deployment gates, approval checks and a a few more integrations for your deployment and intended to be used as CD pipeline however, it lacked the YAML support earlier that is why people were using Build pipeline for build and release so that they can use pipeline as a code but recently Azure also released YAML pipeline for Release pipeline as well so now, you can use Build pipeline for CI and Release pipeline for CD. I hope it makes sense

[@saswatarakshit9488]

As we have already configured the underlying runtime as Node18 in app service, why we are again defining the same thing in devops ? What are we defining under the App services deploy task under the runtime stck? time - 30:40

[@TechTutorialswithPiyush]

In the app service deploy task, the runtime stack will be used in the agent which does the installation. One is for the application and other is for the agent

[@mukheshpericharla5529]

Hi Piyush, I am getting a parallel job error. Could you let me know if you enabled that in your organization settings? can you please explain me?

[@TechTutorialswithPiyush]

hey, you can either fill up the form and they will get back to you in a couple of days or you can use self hosted agents. Video 9 is about self hosted agents setup

[@mukheshpericharla5529]

@@TechTutorialswithPiyush Thanks for your quick response. I just filled up the form.

[@flyinghorse2739]

Great video Yaar. 28:22 im trying to click Authorize but get error. How do i provision the service principle? Any link to guides on how to do it?

[@TechTutorialswithPiyush]

Hey, What error you are getting? You can also create the service principal from az cli command and then create a service connection from the settings tab , use the service principal while creating the service connection and then it should be visible in the drop down. Generally the error occurs when you do not have necessary permissions.

[@flyinghorse2739]

@TechTutorialswithPiyush thank you so much man - that works now. You're awesome

[@TechTutorialswithPiyush]

@@flyinghorse2739 Glad to know buddy!

[@bukkanaresh]

Good one sir. But we are unable to go head following the steps mentioned what you are sharing eg: Usage of Local Agents. This should have been covered as prerequisite . Thank you.

[@TechTutorialswithPiyush]

Hello , Thank you for the feedback. I dont think there should be any blocker. If you are having issue with Microsoft hosted agent, you can fill up the form in the error and they will get back to you in a couple of days. If you still want to use self-hosted agent, you can check out Day9 video, it has all the details.

[@bukkanaresh]

@@TechTutorialswithPiyush Thank you Sir for your reply. Yes there is no blocker but we are spending some extra time in connecting this dots and if this would have been stated as prerequisite then we can spend some more time in watching your vidoes. Also please use Free account if possible for teaching as most of them use free version.

[@kathirvelp2319]

Hi Piyush greetings!, I am follwing your series nw im trying to create webapp in azure portal where i have free trail sub, but its taking more time still not created, what to do? error: the sub is not allowed to create serverfarm

[@TechTutorialswithPiyush]

Hello, Looks like the App service plan you are using are not covered under free tier. Can you try to change the plan type and see if it works? I might have used standard or premium plan

[@kartikhindole6872]

I don't see the classic editor option while creating a pipeline. Do I need to change any settings?

[@TechTutorialswithPiyush]

It should be available, I'm using the free version. can you join our discord server and share the screenshot of what you see

[@kartikhindole6872]

Sure@@TechTutorialswithPiyush

[@kartikhindole6872]

please check @TechTutorialswithPiyush

[@ameeruddinsyed5798]

in npm build its asking for .npmrc file to locate where is it?

[@TechTutorialswithPiyush]

It is usually located in user's home directory. Add a ls command in the pipeline to check if the file is getting created or not. If you still facing the issue, open a new thread in our Discord community's help-azdevops channel and make sure to provide all the details like what steps you have performed till now, your pipeline code, your error log and so on. Someone will help you

[@karthik_meda]

In my azure portal under the configuration settings application settings are not showing but other options like general settings etc are showing, because of this project is running but the videos aren't display and unable to loading the videos. Is any solutions for it

[@TechTutorialswithPiyush]

Can you please join our discord server, go to az devops help channel and share the details, including the screenshot that you see.

[@TechTutorialswithPiyush]

Also, try to rebuild the web app

[@harshavignesh1]

Hi Piyush, I don't see the classic editor whilst creating a pipeline. Anything to do with configurations please ?

[@TechTutorialswithPiyush]

Hello Harsha, I have shared the details over discord.

[@harshavignesh1]

Thanks a lot Piyush, the issue is now resolved :) @@TechTutorialswithPiyush

[@TechTutorialswithPiyush]

@@harshavignesh1 welcome

[@FahadMalikNorway]

Hi, I get an error that says (no hosted parallelism has been purchased or granted). I tried requesting it with azure but have not received anything yet. I ran the CI Pipeline by using self hosted agent

[@TechTutorialswithPiyush]

If you have requested it already, you will get it in a couple of days. meanwhile, you can use self hosted agents

[@anandpradeep3719]

Hi @Fahad, is your issue resolved, if yes please help me too

[@srinathsolo5488]

hi Piyush, the home page content to play the videos is not showing videos in every option in it,its always buffering i didnt get the content in it

[@TechTutorialswithPiyush]

Hello Srinath, That should be the app issue, your pipeline is working fine. You can recreate the webapp and see if that resolves the issue.

[@srinathsolo5488]

@@TechTutorialswithPiyush ha,I have recreated the web app and the pipeline also still I am getting the same issue

[@TechTutorialswithPiyush]

@@srinathsolo5488 Don't worry about it much as that is application specific. I don't maintain the app so I can't do anything but you can join our discord community and share the details

[@srinathsolo5488]

@@TechTutorialswithPiyush ok bhayya thank u for the videos

[@TechTutorialswithPiyush]

@@srinathsolo5488 you're welcome bhai

[@ravikumargorle7313]

Why runtime stack is given as staticsite, please explain this

[@TechTutorialswithPiyush]

To render your static site, we need to have a runtime which makes the files served on the web page. When you install it locally, you serve it through nginx or some other web server, this is for the same reason.

[@amubikanunabdulsemiu679]

why is Deployment to resource group is taking longer to complete?

[@TechTutorialswithPiyush]

I have no context what you are doing, please provide me some time to start with. The deployment could be stuck or failed due to permission issues. You can check the logs and see the output

[@user-sp3fy3zc9b]

"Azure App Service Deploy" is not coming in the option to be selected after clicking on the agent

[@TechTutorialswithPiyush]

If its not coming that means the extension has not been installed. Go to org --> settings --> extensions --> browse marketplace --> search the extension and installed it

[@user-sp3fy3zc9b]

I have tried to install from the marketplace but i could not find it there. Can You please help me in that. Has the name been changed? @@TechTutorialswithPiyush

[@TechTutorialswithPiyush]

@@user-sp3fy3zc9b Why do you see when you search app service? can you join our discord community and share the screenshot?

[@user-sp3fy3zc9b]

I have just joined the discord community @@TechTutorialswithPiyush

[@TechTutorialswithPiyush]

@@user-sp3fy3zc9b have you tried with web app?

[@abhivishwavlogs]

Hi sir we deployed database also right?

[@TechTutorialswithPiyush]

Hello buddy, for this video , No. But we will be doing it in later vidoes.

[@suryasjv139]

39:23 how to exactly these variables we have to add...can you share us how to find these in like ....i stuck here only remaining whole part was perfect for me ....

[@TechTutorialswithPiyush]

Thank you! Go to configuration and then add/edit application settings.

[@suryasjv139]

@@TechTutorialswithPiyush yes I followed that sir...but my doubt is to how to know exactly those env.veraibles are need to put there.. I didn't find them in any sources.

[@TechTutorialswithPiyush]

@@suryasjv139 It was a bug that I encountered and I finally found the solution to add those variables. It's missing in docs 😊

[@suryasjv139]

@@TechTutorialswithPiyush ohh thanq u sir ....that comes with your valuable experience... Thnq u for this series I am so glad.

[@TechTutorialswithPiyush]

@@suryasjv139 You're welcome buddy

[@AMANKUMAR-id4uq]

Sir getting problem in portal azur please help

[@TechTutorialswithPiyush]

Replied to your message on Instagram, activate the trial account and if you are still facing the issue. Share the error message on the Discord server(link in the description)

[@saianirudhyada2559]

while cloneing iam getting that thepermission has declined can help me out

[@TechTutorialswithPiyush]

Are you cloning the repo from Github?> They are public repos and you shouldnt get the permission issues. If you still face the issue, provide the error screenshot and the git clone command in our discord community and someone will help you

[@ewoutlagendijk9604]

I also had issues cloning directly from Piyush's repo. So I forked it, and then cloned that one (my own version of his code).

[@user-nl8nf1np5d]

Can we add this project in our resume

[@TechTutorialswithPiyush]

If you have implemented it already then yes, make sure to focus on Azure DevOps and CICD part rather than application.

[@user-nl8nf1np5d]

@@TechTutorialswithPiyush ❤️

[@malhotramayank29]

Geeting error git push -u origin --all No refs in common and none specified; doing nothing. Perhaps you should specify a branch. Everything up-to-date

[@TechTutorialswithPiyush]

I am unsure of which step you are getting this error and what you have done. Please open a new issue in our discord channel for az DevOps help, and someone will help you. Provide all the required details, including your pipeline line and error,

[@AbdulRahman-yj9rn]

remote: Permission to piyushsachdeva/KZbin_Clone.git denied. Sir getting issue

[@TechTutorialswithPiyush]

I am not sure how you are accessing it but github.com/piyushsachdeva/KZbin_Clone is a public repo and you should not get this issue, Please open a new issue in our discord channel for az devops help and someone will help you. Provide all the required details including your pipeline line and error,