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

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay