DEV Community

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

Posted on

5 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.

Neon image

Build better on Postgres with AI-Assisted Development Practices

Compare top AI coding tools like Cursor and Windsurf with Neon's database integration. Generate synthetic data and manage databases with natural language.

Read 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.

Image of Stellar post

🚀 Stellar Dev Diaries Series: Episode 1 is LIVE!

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Read more

👋 Kindness is contagious

Engage with a wealth of insights in this thoughtful article, cherished by the supportive DEV Community. Coders of every background are encouraged to bring their perspectives and bolster our collective wisdom.

A sincere “thank you” often brightens someone’s day—share yours in the comments below!

On DEV, the act of sharing knowledge eases our journey and forges stronger community ties. Found value in this? A quick thank-you to the author can make a world of difference.

Okay