Deploy React App to S3 with Custom Domain

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ค. 2024
  • Learn how to deploy a react app, or any static website, to an s3 bucket with a custom domain name.
    Chapters:
    0:00​ Intro
    0:46 Building the react app
    2:09 Create an S3 bucket
    3:54 Upload files to S3
    4:28 S3 Static Website Hosting
    6:04 S3 Policy Permission
    8:18 Custom Domain Name
    10:15 Deploy Site Updates
    11:13 Deploy Updates with AWS CLI
    13:15 HTTPS
    🔗Code Snippets:
    gist.github.com/meech-ward/c0...
    🔗Route 53 Domain Name
    • AWS Route 53 Domain Name
    🔗 AWS CLI
    • Setting Up The AWS CLI
    🔗S3 Static Website AWS CLI
    sammeechward.com/aws-cli-s3-s...
    🔗Moar Links
    My Website: www.sammeechward.com
    Instagram: / meech_ward
    Github: github.com/orgs/Sam-Meech-Ward
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 28

  • @manfung6333
    @manfung6333 ปีที่แล้ว +1

    Watched all your videos. All step-by-step tutorials are really helpful!

  • @lukecartwright613
    @lukecartwright613 ปีที่แล้ว +2

    Super Tutorial! Thank you for taking the time to record and upload this gem 💎

  • @usmanafridi6168
    @usmanafridi6168 8 หลายเดือนก่อน

    Man! Thank you so much for this awesome video!

  • @chuckzhai6408
    @chuckzhai6408 ปีที่แล้ว +1

    Thanks a lot. The video is very clear.

  • @dmitrymatio
    @dmitrymatio 2 ปีที่แล้ว

    Thanks for the awesome tutorials as always Sam! Joined the channel membership, hope it helps :)

  • @tharushashehan9187
    @tharushashehan9187 2 หลายเดือนก่อน

    This is really really helpful

  • @hamzazbili6803
    @hamzazbili6803 ปีที่แล้ว

    Thanks!

  • @boom_beats1569
    @boom_beats1569 9 หลายเดือนก่อน

    You are best

  • @slim_mike
    @slim_mike ปีที่แล้ว

    thanks!

  • @StarContract
    @StarContract ปีที่แล้ว

    Subscribed

  • @Hitmanz72
    @Hitmanz72 10 หลายเดือนก่อน

    Hey, very helpful video! Did you register this Domain name anywhere prior and how would you get it to be secure with https down the line?

  • @brunoaustin9756
    @brunoaustin9756 ปีที่แล้ว +3

    Hi sam, can i deploy my react app on s3 bucket without having to create a domain in route 53?

  • @paul9298
    @paul9298 ปีที่แล้ว

    To upload files via aws cli, did you update the s3 policy permission i.e. add PutObject, that is right?

  • @indianappguy
    @indianappguy ปีที่แล้ว

    can we do the sae for nextjs app?

  • @sulekaustubh
    @sulekaustubh ปีที่แล้ว

    Can I do the same except buying the domain name from some other provider ?

  • @dominiqueluz5257
    @dominiqueluz5257 11 หลายเดือนก่อน

    How can we convert a WordPress website into react? It seems that this video shows us that we can have a website maintained in SS3 very cheaply (paying cents!) and apto] to be updated easily too, am I right?

  • @avertry9529
    @avertry9529 2 ปีที่แล้ว

    What a trip, I'll stick to github pages. or nextjs

    • @SamMeechWard
      @SamMeechWard  2 ปีที่แล้ว

      Wait for tomorrows video. Using cloud front to deploy your react app over a cdn

  • @shatanandpatil858
    @shatanandpatil858 ปีที่แล้ว

    you look like Mr. Robot!

    • @SamMeechWard
      @SamMeechWard  ปีที่แล้ว +1

      you can see my life's trauma in my eyes

  • @ashishwaykar2838
    @ashishwaykar2838 7 หลายเดือนก่อน

    how to apply ssl to this ?
    i am troubleshooting with this

  • @MenAmongTheRuins77
    @MenAmongTheRuins77 11 หลายเดือนก่อน

    Great video i like etc

  • @cerritosrules
    @cerritosrules ปีที่แล้ว +1

    I just get a blank page when I visit the bucket website endpoint after I finish building and deploying to aws s3. Any solutions?

    • @teresaguo8837
      @teresaguo8837 29 วันที่ผ่านมา

      same. Let me know if you found a solution!

  • @devdhawan5430
    @devdhawan5430 3 หลายเดือนก่อน

    Hello my npm run sync isn't working it says it can't find my endpoint URL (fatal error: Could not connect to the endpoint URL:)

  • @colinf4133
    @colinf4133 2 ปีที่แล้ว

    💋 PЯӨMӨƧM