Architecture note2 lab guides2 lab guides
Amplify · AWS Amplify Hosting
Git-connected frontend hosting, branch deployments, preview environments, and build failures.
Outcome
- Created an Amplify app and branch via CLI
- Deployed a Vite/React SPA via zip upload (manual deploy)
- Set app-level and branch-level environment variables
- Experienced the SPA 404 bug on deep links
- Added the catch-all rewrite rule to fix SPA routing
- Created a staging branch with isolated environment variables
- Deployed different builds to main and staging, confirmed isolation
- Enabled PR preview auto-build for feature/* branches
- Deployed a feature branch preview and deleted it post-review
- Enabled Basic Auth on staging and tested with curl
- Wrote an
amplify.ymlwith preBuild, build, postBuild phases - Configured
node_modulescaching and observed build time improvement - Implemented branch-aware env file selection using
$AWS_BRANCH - Understood the monorepo
applicationsconfig structure - Cleaned up all resources in correct order: Basic Auth off, branches, then app