Deploy React App to S3 with Custom Domain notes

notes.md

https://youtu.be/7djMZ5OTG_E

---

The bucket policy. Remember to replace sammeechward.xyz with your bucket's name:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "Statement1",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::sammeechward.xyz/*"
        }
    ]
}

Sync script. Remember to replace sammeechward.xyz with your bucket's name:

aws s3 sync ./dist 's3://sammeechward.xyz/'

My full package.json file for my vite app:

{
  "name": "vite-project",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "sync": "aws s3 sync --profile 'meech-ward' ./dist 's3://sammeechward.xyz/'",
    "preview": "vite preview"
  },
  "dependencies": {
    "axios": "^0.27.2",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-router-dom": "6"
  },
  "devDependencies": {
    "@types/react": "^18.0.0",
    "@types/react-dom": "^18.0.0",
    "@vitejs/plugin-react": "^1.3.0",
    "vite": "^2.9.9"
  }
}