Serverless Web Application frontend using CloudFront and S3 in AWS

Serverless Web Application frontend using CloudFront and S3 in AWS | Dynamic website hosting Part 1

Рет қаралды 5,090

Жыл бұрын

Hello Dear All, my name is Amit. I am here to give some tips and tricks about cloud learning and some day to day problem solving methods. I'm an professional cloud engineer, working in this fields for 12+ years.
If you have any queries regarding AWS issues... feel free to reach out to me.
In this video, I have discussed AWS S3 website hosting with CloudFront.
“Serverless” is the concept of running applications without managing dedicated Linux servers yourself, usually with a Platform-as-a-Service solution like AWS’s App Runner or Lambda Functions. While you may run a normal application like NGINX on an EC2 virtual machine, you can usually serve the same kind of app without running servers.
The benefit to this solution is zero reliance on your own servers-S3 will always respond to requests, so you can have as many people as you want accessing your site. In front of S3, you can use CloudFront, AWS’s Content Delivery Network (CDN) solution. CloudFront runs hundreds of edge caches, which all cache requests to S3 for you, increasing latency & throughput, and lowering cost.
My email Id : beyondthecloud2022@gmail.com
facebook: / beyondthecloud2022
Linkedin: / beyondthecloud2023
#aws #amazonwebservices #software #softwareengineer #developers #clouds #cloudengineer #cloudcomputing #systemdesign #database #programming #fullstack #cloudsecurity #security #fullstacksoftwareengineering #itindustry #engineering #engineer #beyondthecloud #AWSSystemsmanager #AWSdocuments #AWSautomation #s3 #S3sucurity #yamlfile #jsontemplate #python #pythonprogramming #awsec2 #awsec2security #ec2security #instancemetadata #ec2 #awslambda #awsconfig #cloudwatch #dynamodb #awsiam #boto3 #cdk #infrastructure #insfrastructureascode #python #sqs #serverless #sam #awssam #docker #dockercontainer #java #cloudfront #contentdeliverynetwork #awscloudfront
@BeABetterDev @AWSTutorialsOnline @cluut @TinyTechnicalTutorials @BlockExplorerMedia @nickchapsas @itversity @TechwithLucy @Intellipaat @knowledgeindia @SimplilearnOfficial @TechnicalGuftgu @MachineLearningHub @edurekaIN @in28minutes @CodeWithHarry @QuickSupport @byluckysir

Пікірлер: 50

@beyondthecloud Жыл бұрын

Please provide your valuable feedback in the comment section. Please like share and subscribe for more upcoming content.

@pupun813 Жыл бұрын

very nice feature this cloudfront root object. Waiting for the next part

@bepositive6525 Жыл бұрын

Informative video… thank you…

@tusharverma3472 11 ай бұрын

One of the best video out so far with clear demo of concepts.Thanks!

@beyondthecloud 11 ай бұрын

Glad it was helpful!

@user-bx3ue8tx1i 10 ай бұрын

Awesome content!! Extremely well explained I really appreciated, I have been struggling with some of these concepts but ypu made it very easy to follow and understand

@beyondthecloud 10 ай бұрын

Glad it was helpful!

@KrishnaReddy-yt9nt 8 ай бұрын

Sir, you are my savior thank you for making these videos. Please keep uploading more such content. 🤟

@beyondthecloud 8 ай бұрын

So nice of you

@ajyee6400 5 ай бұрын

Great content, keep up the hard work!

@beyondthecloud 4 ай бұрын

Appreciate it!

@rajeshct507 Жыл бұрын

It's a very useful video Sir , please upload this kind of real world use case projects , it helps a lot for all of us. One suggestion from my end , if you can include WAF before CDN , it adds an extra layer of security to the application . Thank you sir for creating content like this . Hopefully we will see more videos in the future like this ❤.

@beyondthecloud Жыл бұрын

Thanks a lot for your comment.. Yes you are absolutely correct. We can definitely use waf before cdn... best of luck

@Blomvi Жыл бұрын

New to cloud and hope your tutorial will make me expert. Nice content

@beyondthecloud Жыл бұрын

Sure you will succeed. Let me know any specific topic you want to learn.

@anyammbuya6349 11 ай бұрын

Great Video. I Learnt a lot. Thanks. As a suggestion adding an alternate user-friendly domain name and an SSL certificate will further spice things up.

@beyondthecloud 10 ай бұрын

Thanks for the tip!

@sampath853 Жыл бұрын

very good explanation sir

@beyondthecloud Жыл бұрын

Glad you liked it!!

@ThabeloRamabulana 9 ай бұрын

I love the content💯

@beyondthecloud 8 ай бұрын

Thanks a lot

@mohanthosare5876 11 ай бұрын

now i need that files

@sitanshumishra7854 8 ай бұрын

Please make in-depth video for each service of aws

@beyondthecloud 8 ай бұрын

will definitely try

@maximusflynny777 6 ай бұрын

great video. Do you have a github link for the profle.html and script.js code?

@beyondthecloud 4 ай бұрын

In the description

@Ankur_Singh_AWS 10 ай бұрын

Hi, Thanks for creating and explaining the step by step approach, I tried to follow along but application is through error while I tried to save or return the result from Dynamo DB table, Could you please guide?

@beyondthecloud 10 ай бұрын

what is the error? Did you give lambda correct permission?

@Ankur_Singh_AWS 10 ай бұрын

@@beyondthecloudyes, I have provided full dynamodb access to lambda function and I am able to test it from API gateway as well Actual error is around CORS when I try to access Cloudfront distribution

@Ankur_Singh_AWS 10 ай бұрын

@@beyondthecloud I able to figure out the error , I changed API from regional to Edge Optimized and CORS error disappeared, Kudos to you on uploading such great and valuable content

@moaru98 2 ай бұрын

What will happen if I replace the S3 bucket with Apprunner ?

@beyondthecloud 2 ай бұрын

App Runner is a wholesome service offered by AWS. you have to configure lots of things to replace the backend you are referring to. In case you want to do it, you may then reach out to app runner endpoint from cloudfront directly

@joydeepchakraborty1966 10 ай бұрын

greate video.can u share the files which are used in the video

@beyondthecloud 8 ай бұрын

Check description github.com/nspacer/serverless-website-hosting

@57_onkarsuryavanshi_comps36 Жыл бұрын

Hello I am getting an error of No 'Access-Control-Allow-Origin' header is present on the requested resource. Do you have a solution ?

@beyondthecloud Жыл бұрын

Well, I have explained in the video to enable CORS for API Gateway. I think you are facing issue because didn't enable it. Please enable it and how to do that you will find it in the video itself

@57_onkarsuryavanshi_comps36 Жыл бұрын

@@beyondthecloud I AM ALSO FACING ISSUE OF favicon.ico file 403 Error.

@naaa_anveshana Жыл бұрын

Hlo could you please explain lamda function

@beyondthecloud Жыл бұрын

Which Lambda function?

@noobxtrader Жыл бұрын

please drop the s3 policy used here.. its showing error to me

@beyondthecloud 11 ай бұрын

{ "Version": "2012-10-17", "Statement": { "Sid": "AllowCloudFrontServicePrincipalReadOnly", "Effect": "Allow", "Principal": { "Service": "cloudfront.amazonaws.com" }, "Action": "s3:GetObject", "Resource": "arn:aws:s3:::/*", "Condition": { "StringEquals": { "AWS:SourceArn": "arn:aws:cloudfront:::distribution/" } } } }

@mohanthosare5876 11 ай бұрын

how will get this profile.html file and script.js file

@beyondthecloud 11 ай бұрын

Please check the part 2 of the video and its description box. kzfaq.info/get/bejne/pbaJgNaXnJ69cZc.html