devuplabs.cloud
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.yml with preBuild, build, postBuild phases
    • Configured node_modules caching and observed build time improvement
    • Implemented branch-aware env file selection using $AWS_BRANCH
    • Understood the monorepo applications config structure
    • Cleaned up all resources in correct order: Basic Auth off, branches, then app

Unlock all 32 AWS services & 353+ lab sessions (~225 hours)

Pricing