{"id":2368,"date":"2020-07-01T05:22:47","date_gmt":"2020-07-01T05:22:47","guid":{"rendered":"https:\/\/www.eternalsoftsolutions.com\/blog\/?p=2368"},"modified":"2026-04-11T02:52:52","modified_gmt":"2026-04-10T21:22:52","slug":"how-to-deploy-reactjs-app-with-s3-static-hosting","status":"publish","type":"post","link":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/","title":{"rendered":"How to Deploy ReactJS App with S3 Static Hosting"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2457,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aws"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.6 (Yoast SEO v25.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Deploy ReactJS App to AWS S3 Static Hosting | Step-by-Step<\/title>\n<meta name=\"description\" content=\"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket &amp; deploy with static website hosting enabled.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Deploy ReactJS App with S3 Static Hosting\" \/>\n<meta property=\"og:description\" content=\"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket &amp; deploy with static website hosting enabled.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\" \/>\n<meta property=\"og:site_name\" content=\"Eternal Web Pvt Ltd\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/eternalsoftsolutions\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/EternalWebPvtLtd\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-01T05:22:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T21:22:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png\" \/>\n\t<meta property=\"og:image:width\" content=\"360\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nirav Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EternalSoft\" \/>\n<meta name=\"twitter:site\" content=\"@eternalsoftsolutions\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nirav Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\"},\"author\":{\"name\":\"Nirav Shah\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/bd43ac14d2e9276ef3ab45a098d0f250\"},\"headline\":\"How to Deploy ReactJS App with S3 Static Hosting\",\"datePublished\":\"2020-07-01T05:22:47+00:00\",\"dateModified\":\"2026-04-10T21:22:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\"},\"wordCount\":9,\"publisher\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png\",\"articleSection\":[\"AWS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\",\"name\":\"How to Deploy ReactJS App to AWS S3 Static Hosting | Step-by-Step\",\"isPartOf\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png\",\"datePublished\":\"2020-07-01T05:22:47+00:00\",\"dateModified\":\"2026-04-10T21:22:52+00:00\",\"description\":\"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket & deploy with static website hosting enabled.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png\",\"contentUrl\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png\",\"width\":360,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Deploy ReactJS App with S3 Static Hosting\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#website\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/\",\"name\":\"Eternal Web Pvt Ltd\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization\",\"name\":\"Eternal Web Pvt Ltd\",\"alternateName\":\"Eternal Web\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/05\/blog-logo-image.png\",\"contentUrl\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/05\/blog-logo-image.png\",\"width\":360,\"height\":260,\"caption\":\"Eternal Web Pvt Ltd\"},\"image\":{\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/eternalsoftsolutions\",\"https:\/\/x.com\/eternalsoftsolutions\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/bd43ac14d2e9276ef3ab45a098d0f250\",\"name\":\"Nirav Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4bf5efd1b095403a75e5a25b49ab47c2?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4bf5efd1b095403a75e5a25b49ab47c2?s=96&r=g\",\"caption\":\"Nirav Shah\"},\"description\":\"Nirav Shah is the Director of Eternal Web Pvt Ltd, an AWS Advanced Consulting Partner and certified Odoo Partner based in the UK. With over a decade of experience in cloud computing, digital transformation, and ERP implementation, Nirav helps enterprises adopt the right technology to solve complex business challenges. He specialises in AWS infrastructure, Odoo ERP, and web development solutions for businesses across the UK and beyond.\",\"sameAs\":[\"https:\/\/www.facebook.com\/EternalWebPvtLtd\/\",\"https:\/\/www.linkedin.com\/company\/eternal-web-private-limited\/\",\"https:\/\/x.com\/EternalSoft\"],\"award\":[\"AWS Advanced Consulting Partner - 2024\",\"Odoo Certified Partner\"],\"knowsAbout\":[\"AWS\",\"Cloud Computing\",\"Odoo ERP\",\"Digital Transformation\",\"Web Development\",\"Cloud Infrastructure\",\"ERP Implementation\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Director\",\"worksFor\":\"Eternal Web Pvt Ltd\",\"url\":\"https:\/\/www.eternalsoftsolutions.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Deploy ReactJS App to AWS S3 Static Hosting | Step-by-Step","description":"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket & deploy with static website hosting enabled.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/","og_locale":"en_US","og_type":"article","og_title":"How to Deploy ReactJS App with S3 Static Hosting","og_description":"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket & deploy with static website hosting enabled.","og_url":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/","og_site_name":"Eternal Web Pvt Ltd","article_publisher":"https:\/\/www.facebook.com\/eternalsoftsolutions","article_author":"https:\/\/www.facebook.com\/EternalWebPvtLtd\/","article_published_time":"2020-07-01T05:22:47+00:00","article_modified_time":"2026-04-10T21:22:52+00:00","og_image":[{"width":360,"height":260,"url":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png","type":"image\/png"}],"author":"Nirav Shah","twitter_card":"summary_large_image","twitter_creator":"@EternalSoft","twitter_site":"@eternalsoftsolutions","twitter_misc":{"Written by":"Nirav Shah","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#article","isPartOf":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/"},"author":{"name":"Nirav Shah","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/bd43ac14d2e9276ef3ab45a098d0f250"},"headline":"How to Deploy ReactJS App with S3 Static Hosting","datePublished":"2020-07-01T05:22:47+00:00","dateModified":"2026-04-10T21:22:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/"},"wordCount":9,"publisher":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png","articleSection":["AWS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/","name":"How to Deploy ReactJS App to AWS S3 Static Hosting | Step-by-Step","isPartOf":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage"},"image":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png","datePublished":"2020-07-01T05:22:47+00:00","dateModified":"2026-04-10T21:22:52+00:00","description":"How to deploy a ReactJS app to AWS S3 static hosting? Step-by-step guide \u2014 build your React app, create an S3 bucket & deploy with static website hosting enabled.","breadcrumb":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#primaryimage","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png","contentUrl":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/07\/81.png","width":360,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/how-to-deploy-reactjs-app-with-s3-static-hosting\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.eternalsoftsolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Deploy ReactJS App with S3 Static Hosting"}]},{"@type":"WebSite","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#website","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/","name":"Eternal Web Pvt Ltd","description":"","publisher":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.eternalsoftsolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#organization","name":"Eternal Web Pvt Ltd","alternateName":"Eternal Web","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/05\/blog-logo-image.png","contentUrl":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-content\/uploads\/2020\/05\/blog-logo-image.png","width":360,"height":260,"caption":"Eternal Web Pvt Ltd"},"image":{"@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/eternalsoftsolutions","https:\/\/x.com\/eternalsoftsolutions"]},{"@type":"Person","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/bd43ac14d2e9276ef3ab45a098d0f250","name":"Nirav Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.eternalsoftsolutions.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4bf5efd1b095403a75e5a25b49ab47c2?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4bf5efd1b095403a75e5a25b49ab47c2?s=96&r=g","caption":"Nirav Shah"},"description":"Nirav Shah is the Director of Eternal Web Pvt Ltd, an AWS Advanced Consulting Partner and certified Odoo Partner based in the UK. With over a decade of experience in cloud computing, digital transformation, and ERP implementation, Nirav helps enterprises adopt the right technology to solve complex business challenges. He specialises in AWS infrastructure, Odoo ERP, and web development solutions for businesses across the UK and beyond.","sameAs":["https:\/\/www.facebook.com\/EternalWebPvtLtd\/","https:\/\/www.linkedin.com\/company\/eternal-web-private-limited\/","https:\/\/x.com\/EternalSoft"],"award":["AWS Advanced Consulting Partner - 2024","Odoo Certified Partner"],"knowsAbout":["AWS","Cloud Computing","Odoo ERP","Digital Transformation","Web Development","Cloud Infrastructure","ERP Implementation"],"knowsLanguage":["English"],"jobTitle":"Director","worksFor":"Eternal Web Pvt Ltd","url":"https:\/\/www.eternalsoftsolutions.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":6,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":6621,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2368\/revisions\/6621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/media\/2457"}],"wp:attachment":[{"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eternalsoftsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}