Project1: Host A Static Website on AWS And CI CD Pipeline -
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- Welcome to our first challenge in the 10weeksofcloudops series! Host A Static Website on AWS And CI CD Pipeline. In this challenge, we will show you how to host a static website on AWS and implement continuous integration and deployment (CICD) using various AWS services.
We will be using Amazon S3 to store our static website content, CloudFront as our CDN to improve the website's performance, ACM to manage SSL/TLS certificates, CodePipeline for CICD pipeline automation, and Namecheap for DNS management.
Throughout this video, we will provide step-by-step instructions on how to set up and configure these AWS services to host your static website and implement CICD, as well as troubleshoot any issues you may encounter.
By the end of this challenge, you will have a fully functioning static website hosted on AWS with CICD automation in place. This will enable you to make changes to your website and deploy them quickly and efficiently.
So let's get started and dive into the world of cloud operations! Don't forget to subscribe to our channel and hit the bell icon for more exciting challenges in the 10weeksofcloudops series.
📌By the end of this video, you will learn -:
- How to Host a static website on S3
- How to use Cloudfront for edge caching
- How to secure your static website using ACM
- DNS management using Namecheap
- How to implement CICD using the AWS code pipeline
𝗖𝗢𝗠𝗣𝗟𝗘𝗧𝗘 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟 𝗦𝗘𝗥𝗜𝗘𝗦 👌 It’s 🅵🆁🅴🅴 ⛳
#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 with me 👋
🌎LINKEDIN: ►
/ piyush-sachdeva
🐦TWITTER: ►
/ techie_piyush
Join our learning communities 👋
/ discord
References 📚:
ankitjodhani.h...
docs.aws.amazo...
docs.aws.amazo...
docs.aws.amazo...
repost.aws/kno...
docs.aws.amazo...
#devops #awscommunity #10weeksofcloudops
References:
Host A Static Website on AWS
CI CD Pipeline on AWS
AWS CI CD Pipeline
AWS realtime project
AWS devops project
static website hosting
static website hosting on aws
host a static website
This is an amazing video with detailed explanation. Thank you so much Piyush for your contents. Just wanted to know, if cost is involved for any DNS service that we are using or is there any other workaround?
Thank you so much for the fantastic feedback! I am glad you found it helpful. You mean for purchasing the domain? usually a domain cost around 10-15$ for a year, some time you can get a free domain from www.tech.study/ , try to search for promo codes online for this.
In any case, buying a domain is a good investment as you can showcase your work on a live website
pipeline will be in between developer and git or else in between git and s3 bucket? i am confused here, i am thinking like s3 bucket will just reflect what is there is the git repo and pipeline is in between git and s3 bucket.
but if a developer wants to commit the changes to any other environments like dev, test, prod etc ..will he deploy using pipeline or directly in source repo?
please tell me where the pipeline will be if there are multiple environments.
In this video, I demonstrated only a single environment. In case of multiple environments, the pipeline could have different deployment stages for each environment , e.g deploy on dev, run some tests, and if it is successful, the next stage will deploy on pre-prod, run some tests, if those are successful, the next step will deploy on prod.
Or , it could be seperate branches for each environment and the deployment will be triggered on a successful pull request merge
or, you can have seperate deployment pipelines for each environment.
I hope I was able to answer your question.
Thank you good job! but i think we can work on the cicd explanation a little bit more
Thank you for the feedback Tanisha! This was only a simple project for beginners hence, not a lot of pieces involved with this one but you can check out either Azure devOps playlist or the Jenkins playlist on my channel for detailed explanation of CICD concepts and steps.
Hello Piyush , if dont have any domine how to proceed ? Plz let me know.
Hello, If you dont have a custom domain, you can skip that step however, If you are looking to avail a free custom domain for a year, you can use the below code
MLHGHWNVD24
website: www.tech.study
@@TechTutorialswithPiyush hi sir, this is expired
can i please get the new one :)
thanks for your contents, a new subs from abhishek sir
may be after that we have to delete that s3 bucket and dns provider to upfront the cost....or may be you can do a video for precaution in cost how to delete all the resources after completion of the project...
yes, please delete all resources afterwards, or try to implement this project using terraform then you can delete everything using a single destroy command
@@TechTutorialswithPiyush ohhk many many thanks .......for your advice..
Do we have a similar solution for Azure?
Yes, checkout the below video
th-cam.com/video/GCH33XeL_9I/w-d-xo.html
with aws free tier can we do this all?
Yes, first challenge can be completed with free tier.
should we need to pay for any of these
Most of these services are covered under free tier if used under the limits. Make sure to clean up the resources after the use. I would recommend checking out the below link to understand what is covered under free tier and to what extent:
aws.amazon.com/free/?gclid=Cj0KCQjw5cOwBhCiARIsAJ5njuYPXrJKz8MsxBnXYCj2zKkeQE2aDL7BxHvYsxikN5YsymR3057SEHgaAolwEALw_wcB&trk=58b3b422-9e3d-4d31-a50d-c6f8b1a5161a&sc_channel=ps&ef_id=Cj0KCQjw5cOwBhCiARIsAJ5njuYPXrJKz8MsxBnXYCj2zKkeQE2aDL7BxHvYsxikN5YsymR3057SEHgaAolwEALw_wcB:G:s&s_kwcid=AL!4422!3!507852355859!p!!g!!amazon%20aws!12580566202!118888769039&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%20Tier%20Types=*all&awsf.Free%20Tier%20Categories=*all#:~:text=Machine%20Learning-,Free%20Tier%20details,-Filter%20by%3A
just deployed my first website in my first own domain. Thanks piyush.
Keep it up, many more to go.
Hey, Great Tutorial. I want to ask will it cost me money to host and use cdn and s3 bucket? If so how can i properly handle it so don't get any?
Hey Akhil, Thank you for the amazing feedback. Yes it could cost you for using CDN, S3 cost wouldn't be much depending upon the storage and upload/download cost. If you are expecting a lot of traffic then another alternative would be to use lightsail which is cheaper
Hey man thanks for replying.
So suppose i want to create a personal website and i don't except a lot of traffic in it maybe 5 -6 like this just as a side project that i have hosted something on amazon. How much will that cost to always run. Assume a simple socket server.
Is there a way we can known or calculate these things in advance?
@@akhilbisht798 You can try out Aws lightsail in like 5$ per month and 3 months free in the beginning. You can change the instance size as your traffic grows or even migrate to ec2 later
Excellent job - clear, articulate and great explanation of the various reasons things don't always go according to expectations
Thank you so much! I am glad you found it helpful
Thank you piyush :)
any alternate DNS service we can user instead of Namecheap suggest anyone ??
Yes buddy, feel free to use any domain service such as hostgator, godaddy etc
Thank you Soo Much Piyush.., Really superb video that you have covered all the important things with awesome explanation. Learning a lot from your tutorials Piyush Bhai.
Looking forward for many such sessions from you 🤝🙏
I am glad to know that the video was helpful Sangati! These words really means a lot to me. Keep learning :)
Great video! Waiting for Gitlab CICD kubernetes Argocd !
Thanks for the amazing feedback Umesh! Yes, that would be video no 4 in the series. You will see that soon.
Amazing 🙏🙏
Really it will be very helpful for us thank you...
Thank you so much Ranjan for your feedback! I am glad that you found it helpful :)
Hi Piyush, I have done the same steps as you mentioned. Created an OAI for bucket access instead of allowing public access to bucket. But I am unable to access the webpage, it shows access denied, although the bucket policy is updated with the required Allow action for the OAI. Anything I'm missing?
Hi Pramod, There might be one or more steps missing, can you confirm the below:
- You added the CNAME in cloudfront distribution with name as www.yoursite.com
- You added the default root object in cloudfront as index.html or its absolute path
- compare the structure of your code repository and see where index.html is located
- have you created both the CNAME records in your DNS
- cloudfronturl/index.html , are you able to access like this?
@@TechTutorialswithPiyush I tried with all the above steps, however it did not work when I added the Origin Access Identity (OAI). It is working through the Origin Access Control Settings for me
@@pramod1591 If it is working with Origin Access setting as well, it's good enough. Just the public access of bucket should be disabled
Superb Video Piyush. We can use this project for creating AWS Resume Challenge as well.
Please in next projects, can you cover how we can import these deployed resources into terraform configuration script. It would be useful for us. Will terraform record all these configuration details (including Policies) in state file or only we can provision resources with Terraform import?
Thanks in advance
Thank you so much Sunita, Yes you can use this for resume challenge as well.
I will definitely cover the terraform implementation of this project in one of the upcoming projects. I need to check where should I place it.
Terraform will only import the basic resource structure, rest you to have configure on your own.
@@TechTutorialswithPiyush thank you much Piyush for clarification.
@@SunitaSonawane2007 welcome 😊
Thank You Sir for this video
You're most welcome buddy!
10weeks of cloudops
Amazing tutorial. 👏
Thank you so much Ankit, congratulations for completing the challenge successfully.
Great..
Thank you for the feedback 🙂
good
Thank you buddy!