Deploy Static Website to AWS S3 with HTTPS using CloudFront

Поділитися
Вставка
  • Опубліковано 1 вер 2021
  • Host a static website to Amazon AWS S3.
    Static websites are faster to load and cost extremely less to host.
    ⭐ In this video we will:
    1) Deploy a static website to Amazon S3
    2) Create an SSL Certificate using AWS Certificate Manager
    3) Create a CloudFront Distribution for a static Website and attach an SSL certificate to it.
    4) Configure DNS settings to point to the domain name
    📄 AWS Documentation Link - docs.aws.amazon.com/AmazonS3/...
    🟢 You can follow me in the links below to stay updated.
    Subscribe on UA-cam - / @shrikulkarni
    Twitter - / shrik_rk
    LinkedIn - / shrikul
    Facebook - / shrik.rk
    Blog - blog.shrikulkarni.com/
    #StaticWebsite #AWS #S3 #CloudFront #Certificate #SSL #HTTPS
  • Наука та технологія

КОМЕНТАРІ • 81

  • @maykayz
    @maykayz 9 місяців тому

    I have been watching a couple videos on this topic and having a lot of troubles getting the site up and running in the last few days. You saved me man. I got it in within 30 minutes. This is way more clearer and easier. Best one !

  • @williamfinlay4403
    @williamfinlay4403 Рік тому +1

    Thanks for this, straight to the point with no big ego to get in the way.

  • @pishflaps
    @pishflaps Рік тому

    Excellent tutorial - tip 10 minutes in fixed access problem. Thanks!!

  • @edwinottenbacher9062
    @edwinottenbacher9062 2 роки тому

    Thank you.. everything worked perfect..! I have six domains so had to watch your video multiple times so I didn't miss a step..

  • @Blackcoffee715
    @Blackcoffee715 4 місяці тому

    Thanks a lot for this video.
    I had previously done the same with Elastic Beanstalk(Node-Express) but when it came to S3(Angular) things came to a halt. But now it's deployed successfully.
    Thanks again ! & do keep posting tricky content like this.

  • @venera01010
    @venera01010 Рік тому

    Thank you so much! Clear and simple explanation + good English

  • @jaxoncrosmas9551
    @jaxoncrosmas9551 3 місяці тому

    Thank you! This was explained very clearly and worked exactly as I needed.

  • @waden9933
    @waden9933 9 місяців тому +2

    Thank you this worked very well. If your domain is hosted on AWS Rt. 53 you may need to remove the previous A records and add new ones that point to the CloudFront url instead. This was the work around I did instead of adding the CNAME record in the final step.

  • @logicalvaibhav
    @logicalvaibhav 4 місяці тому

    100% working solution. all the steps are in single video.
    subscribed, liked, shared all 3 tasks done
    thanks

  • @yuxueyuan
    @yuxueyuan Рік тому

    Your content is the best!!! so underrated
    pls keep it coming

  • @losanm
    @losanm Рік тому

    Excellent tutorial, thank you very much!

  • @userozancinci
    @userozancinci 9 місяців тому

    you are THE BEST! Thanks a lot. Big Respect!!!!

  • @cru01
    @cru01 26 днів тому

    thank you. this worked very well and was quite helpful.

  • @user-he3rp7cz6j
    @user-he3rp7cz6j Рік тому +1

    thanks for sharing. but finally, you revealed all the bucket names on your video :))

  • @danielpinheiro7516
    @danielpinheiro7516 3 місяці тому

    Amazing tutorial, helped me a lot! Thank you!

  • @bkanth2007
    @bkanth2007 3 місяці тому

    Worked well. Thank you.

  • @Gouravpandey1
    @Gouravpandey1 6 місяців тому

    Thanks! Direct to the point!

  • @user-us7rg4cd6p
    @user-us7rg4cd6p 2 місяці тому

    Found this video very useful! Good job
    Its very unfair that this channel has just 350 subs. UA-cam algo is weird.

  • @henryhunt4650
    @henryhunt4650 6 місяців тому

    Great work, thanks mate.

  • @rodneykahane4994
    @rodneykahane4994 2 місяці тому

    great video!

  • @AnthonyIsaacson
    @AnthonyIsaacson 10 місяців тому

    thanks for the tutorial man :)

  • @phillip6746
    @phillip6746 11 місяців тому

    Great tutorial. Thanks

  • @sayedhasancp
    @sayedhasancp 9 місяців тому

    Thanks so much! it helps a lot...

  • @VIGNESHPRAJAPATI
    @VIGNESHPRAJAPATI 2 роки тому +1

    Nice one. Thanks.

  • @keremnalbant
    @keremnalbant Рік тому

    Really good tutorial!!!!!!!!!!

  • @jorgetp9089
    @jorgetp9089 Рік тому +1

    Thank you!!! Saved my arse

  • @yekohein1528
    @yekohein1528 Місяць тому

    Thank you so much.

  • @HaroonAshrafAwan
    @HaroonAshrafAwan 2 роки тому

    Hello Shrikrishna, it's your 3rd subscriber here. Thank you so much for the awesome tutorial. I look forward to more of these.
    Can I get in touch with you somehow?
    Thanks

    • @shrikulkarni
      @shrikulkarni  2 роки тому

      Hello Haroon, yes. You can email me on shri@vyomtara.com. looking forward to hear from you 😀

  • @chitrabk8575
    @chitrabk8575 9 місяців тому

    uttam 👌

  • @shahjahanravjee8639
    @shahjahanravjee8639 Рік тому

    Thanks for the effort, very good step by step walkthrough. I have a question. I tried S3 with Route 53 along with my domain name, but w/o the SSL certificate and that worked. However, I am wondering if I use your option do I need to remove Route 53 ?

    • @shrikulkarni
      @shrikulkarni  Рік тому

      You should be able to use route 53 with SSL certificate as well.

  • @X28Project
    @X28Project Рік тому

    Thank you!

  • @sukhanthn5352
    @sukhanthn5352 2 роки тому

    good content keep it up.

  • @isurubandara8987
    @isurubandara8987 Рік тому

    this is great..thanks

  • @boosteraftermath
    @boosteraftermath 10 місяців тому

    Thanks!

  • @witchestify
    @witchestify 9 місяців тому

    Hello thanks for the video tutorial, love it. I have a question what if I want to add an alternate alias for my cloudfront with the same s3 bucket? should I request another certificate?

    • @shrikulkarni
      @shrikulkarni  9 місяців тому

      I have never tried that but yes you will need to request another cert for it.

  • @wertyuna5
    @wertyuna5 Рік тому

    Subscribed ! If i bought the domain name from route 53, so i still need to do the same process you did on google domains ?

    • @shrikulkarni
      @shrikulkarni  Рік тому +3

      If domain is bought from route 53 then no need to do anything on google domains. You will still need to add those records i added in google domains but in route 53 instead of google domains.

  • @be_b_50_ankitkumar_singh79
    @be_b_50_ankitkumar_singh79 2 роки тому

    It's your 25th subscrber here :p ! Bhai this process is completely free right?

    • @shrikulkarni
      @shrikulkarni  2 роки тому +1

      Thanks, dude. The process is free. Although You will be charged for data stored on S3, and Network transfer costs for CloudFront. It totally depends on how big is the site and how many people are visiting.
      For most of the normal websites, it costs only a few cents :)

    • @be_b_50_ankitkumar_singh79
      @be_b_50_ankitkumar_singh79 2 роки тому

      @@shrikulkarni oh cool got it. Thanks for the info. Wish you good luck with your channel.

  • @kparag01
    @kparag01 7 місяців тому

    Got atleast one kulkarni in aws 😍

  • @user-nm6ge6sh6i
    @user-nm6ge6sh6i 9 місяців тому

    goat

  • @iamsantoshnayak
    @iamsantoshnayak 10 місяців тому

    in the last step i have a main domain but you have a sub-domain. so when i am trying to add a new CNAME record with name as my base url and value as cloudfront working url, its saying record data is invalid. what to do? please help

    • @shrikulkarni
      @shrikulkarni  10 місяців тому +1

      for base url you can specify www as domain. If you want to use absolute base url like example.com then depending on domain registrar you can either leave it blank or use @.

  • @tomerweinbach4059
    @tomerweinbach4059 Рік тому

    To be able to get the certificate I have to buy a custom domain from aws right? otherwise it doesn't allow to get it?

    • @shrikulkarni
      @shrikulkarni  Рік тому

      You can buy domain from any domain registrar.

  • @user-ik3yi3uo7q
    @user-ik3yi3uo7q 7 місяців тому

    i have deployed in cloud front but when i hit url in browser then i am getting "XML ACCESS DENIED ERROR " how to trouble shoot them.....

    • @shrikulkarni
      @shrikulkarni  7 місяців тому

      Check your policies and verify access it setup correctly.

  • @kartheeitsme1
    @kartheeitsme1 Рік тому

    One question, the S3 URL would be still not secured. So there is a security issue with the S3 URL. Is that correct ?

  • @vinayh3388
    @vinayh3388 Рік тому

    If I used aws certificate manger it will cost extra price or its free...?

  • @user-ik3yi3uo7q
    @user-ik3yi3uo7q 8 місяців тому

    i am following you video step by step its working till S3 ,but thing is that i don't have any domain so can still create a distribution and in cloud front and access it ??

    • @shrikulkarni
      @shrikulkarni  8 місяців тому

      Yes. you can. Cloudfront will give you a URL to access it.

    • @user-ik3yi3uo7q
      @user-ik3yi3uo7q 8 місяців тому

      @@shrikulkarni thank you so much

  • @user-ik3yi3uo7q
    @user-ik3yi3uo7q 8 місяців тому

    if my static website is not in public accessible in s3 and i want to deploy in cloud front how we can do that??

    • @shrikulkarni
      @shrikulkarni  8 місяців тому

      You need to configure access properly so Cloudfront can access the bucket and get the website data. It's not mandatory to have the bucket public.

    • @user-ik3yi3uo7q
      @user-ik3yi3uo7q 8 місяців тому

      @@shrikulkarni thanks

    • @user-ik3yi3uo7q
      @user-ik3yi3uo7q 8 місяців тому

      @@shrikulkarni thanks for your reply 🙏

  • @jevonne8160
    @jevonne8160 Місяць тому

    could you do an example with a domain from godaddy?

    • @shrikulkarni
      @shrikulkarni  Місяць тому

      Hey, It will be same with Godaddy or any other Domain registrar. you need to go into DNS and add required CNAME entry.

  • @shubhadajoshi4145
    @shubhadajoshi4145 Рік тому

    it says "Record cannot be added, conflicts with A or AAAA records" can i delete A record?

    • @shrikulkarni
      @shrikulkarni  Рік тому +1

      DNS A record points to the IP address and CNMAE points to the URL. If there is a conflict you can delete the old record. Just to be safe copy it somewhere before deleting it in case needed again.

    • @shubhadajoshi4145
      @shubhadajoshi4145 Рік тому +1

      @@shrikulkarni Thank you so much! It worked...

  • @emadmahmoud7168
    @emadmahmoud7168 9 місяців тому

    Are those services free all time or only for 12 month ?

    • @shrikulkarni
      @shrikulkarni  9 місяців тому

      Please check on AWS website. They mention what services are under the free tier and what are always free. The list might changed since I recorded this video.

  • @pramodhkrishna9888
    @pramodhkrishna9888 Рік тому

    how did you get the SSL certificate

    • @shrikulkarni
      @shrikulkarni  Рік тому

      Video has instructions on how to get a cert. Forward to 5:55

  • @andersonsibedwo6404
    @andersonsibedwo6404 Рік тому +2

    Very confusing, why not use aws dns?

    • @shrikulkarni
      @shrikulkarni  Рік тому

      Simply to save money. Aws DNS is chargeable. But its fairly easy to follow awa documentation and use it.

    • @clashofkings7
      @clashofkings7 Рік тому +1

      @@shrikulkarni does this cost money?? Like for hosting on S3 bucket? If so how much would it charge per year?

    • @shrikulkarni
      @shrikulkarni  Рік тому +1

      @@clashofkings7 depends on what region you use. Check out aws S3 pricing on their website for region you want to use. Also consider data transfer cost for your calculations.

  • @akshitmittal1251
    @akshitmittal1251 7 місяців тому

    how to get a domain free
    fo rpractice

    • @shrikulkarni
      @shrikulkarni  7 місяців тому

      Free is rare buddy. You can find .in or some other TLDs for very low cost for first year list Rs 199. Use it for a year and let it expire.

    • @akshitmittal1251
      @akshitmittal1251 7 місяців тому

      Can you please mention any specific website where I can get that 200 INR subscription. It will reallyyy be helpful. Thanks for replying :))) @@shrikulkarni