DEV Community

Kamali Sethurajan
Kamali Sethurajan

Posted on

STATIC WEB HOSTING USING REACTJS IN AWS

STEP1: First login the AWS console using root user

Image description
STEP2: Create react app
commands are:
node -v
npm -v
npm create vite@latest
cd kamali
npm install
npm run dev

Image description

Image description
STEP3: open the App.tsx from the kamali folder and edit your name, reg number and quote.

Image description
Image description.
STEP4: Create S3 bucket in AWS

Image description
Image description
STEP5: Enable the static web hosting

Image description
STEP5: Generate Policy for your S3 bucket

Image description
STEP6: Upload the dist folder from the react app folder then copy the index.html URL and paste the URL in the browser

Image description
Image description

STEP7: Create Cloudfront distribution and disable the WAF

Image description
Image description
STEP8: Copy the distribution Domain name then paste the URL in the Browser
Image description
STEP9:Finally delete the cloudfront distridution and S3 buckets.

Image description
Image description

Top comments (0)