Static Website Hosting S3,CloudFront - React App

Check npm and node installed or not
npm -v
node -v
Creating a react app
npm create vite@latest
cd
npm install
npm run dev

After this the react app look like this

now open the Vs code and click the .tsx and re write your name,regno.etc...

Now create S3 Bucket in thw AWS console.

Block all Public access.
Enable Static Web Hosting.
Edit the Bucket Policy.
Generate bucket Policy &save Changes.

Upload all the Files and Folders in the dist folder in the React App to the S3 bucket.

Now Create the Distribution in the Cloud Front.

delete cloudfront
delete object in S3
delete Bucket