DEV Community

Cover image for Deploying my ReactJS and HTML5 app to AWS S3
Neha Sharma
Neha Sharma

Posted on

4 2 3 3 2

Deploying my ReactJS and HTML5 app to AWS S3

This is a submission for the Pulumi Deploy and Document Challenge: Fast Static Website Deployment

What I Built

I wanted to host my ReactJS and HTML5 project to AWS S3. So, I used Pulumi to upload the files from my VSCode CLI.

Live Demo Link

HTML 5 web app

ReactJS

Project Repo

https://github.com/Neha/pulumi-demo

My Journey

Starting with Pulumi was easy because of the documentation. However, for ReactJS and HTML5 web app. I faced a few common issues:

  1. Access to S3

  2. ES modules issue

  3. Access to upload to S3 (file vs folder)

Using Pulumi

  1. 2 files (yaml, and index.js) step up is easy to follow.

  2. I used Pulumi's web integrated AI support. It was not able to provide me guidance that was helpful

  3. Loved the preview URL generation, and access to the preview is amazing.

Heroku

Built for developers, by developers.

Whether you're building a simple prototype or a business-critical product, Heroku's fully-managed platform gives you the simplest path to delivering apps quickly — using the tools and languages you already love!

Learn More

Top comments (1)

Collapse
 
anuraggharat profile image
Anurag Gharat

Looks interesting. I used to manually host my apps on AWS by generating a build, pushing it to S3 Bucket, creating a distribution using CloudFront and then adding a Route53 entry.

AWS Q Developer image

Your AI Code Assistant

Generate and update README files, create data-flow diagrams, and keep your project fully documented. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay