AWS Amplify Hosting

Meter web builds, CDN, and SSR. Eligible free usage includes 15 GB transfer and 1,000 build minutes monthly.

···
html
<div class="host-demo"><div class="host-head"><strong>AMPLIFY · STATIC TRANSFER</strong><span id="status">MONTHLY USAGE</span></div><div class="host-visual"><div class="amplify-visual"><div class="amplify-buckets"><div><span>FREE</span><strong id="amplify-free">0 GB</strong></div><div><span>METERED</span><strong id="amplify-paid">0 GB</strong></div></div><div class="big" id="amplify-cost">$0.00</div></div></div><div class="host-control"><span id="usage-label"></span><input id="usage" type="range" aria-label="Monthly usage" min="0" max="100" step="5" value="10"></div><div class="host-note">2026-10-06 공식 가격 기준 · 단순화(세금·지역 할증 제외)</div></div>
css
.host-demo{width:min(94vw,850px);height:min(90vh,340px);padding:clamp(9px,2.4vmin,18px);border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:clamp(5px,1.6vmin,11px);overflow:hidden;font:600 clamp(11px,2.4vmin,16px)/1.25 ui-sans-serif,-apple-system,sans-serif}.host-head{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.host-head strong{color:var(--accent);font-size:1.05em}.host-head span{color:var(--muted);font-size:.78em;text-align:right}.host-visual{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.host-control{display:flex;align-items:center;gap:8px;color:var(--fg);font-variant-numeric:tabular-nums}.host-control span{min-width:44%;font-size:.88em}.host-control input{flex:1;width:20px;accent-color:var(--accent)}.host-note{color:var(--muted);font-size:.66em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-demo *{min-width:0}.meter{height:clamp(11px,3.4vmin,24px);border-radius:99px;background:var(--line);overflow:hidden}.meter>i{display:block;height:100%;width:0;background:var(--accent);transition:width .35s}.big{font-size:clamp(18px,5.5vmin,34px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.muted{color:var(--muted)}.amplify-visual{width:86%;display:grid;gap:clamp(5px,1.8vmin,12px)}.amplify-buckets{display:flex;gap:clamp(6px,2vmin,15px)}.amplify-buckets div{flex:1;display:grid;gap:5px;text-align:center;padding:clamp(7px,2vmin,15px);border-radius:8px;border:1px solid var(--accent)}.amplify-buckets div:last-child{border-color:var(--accent-3)}.amplify-buckets span{font-size:.68em;color:var(--muted)}.amplify-buckets strong{font-size:clamp(13px,3.4vmin,22px)}.amplify-visual>.big{text-align:right}
js
const input=document.getElementById('usage');const label=document.getElementById('usage-label');const status=document.getElementById('status');let manual=false;function paint(){const value=Number(input.value);label.textContent=value+' GB served';document.getElementById('amplify-free').textContent=Math.min(value,15)+' GB';document.getElementById('amplify-paid').textContent=Math.max(0,value-15)+' GB';document.getElementById('amplify-cost').textContent='$'+(Math.max(0,value-15)*.15).toFixed(2);status.textContent='FREE-TIER ELIGIBLE ACCOUNT';}paint();let direction=1;setInterval(()=>{if(manual)return;const next=Number(input.value)+5*direction;if(next>100||next<0){direction*=-1;return}input.value=String(next);paint()},850);input.addEventListener('input',()=>{manual=true;paint()});

AWS Amplify Hosting builds and deploys frontend repositories with CDN delivery and SSR. It is useful when running a web app alongside other AWS services and tracking separate billing units.

As of 2026-10, eligible free usage includes 1,000 Standard build minutes, 5 GB CDN storage, 15 GB data transfer, 500,000 SSR requests, and 100 GB-hours SSR monthly. Beyond eligibility or allowances, Standard builds cost $0.01/minute, storage $0.023/GB-month, transfer $0.15/GB, and SSR $0.30/million requests plus $0.20/GB-hour.

AWS’s page simultaneously mentions a six-month new-customer free plan and a twelve-month Amplify Free Tier table. Check account-specific eligibility. The demo computes static transfer only for an eligible account.

When to use

Use Amplify when a web app belongs in an AWS bill; compare Cloudflare Pages for static transfer and Netlify for credit-based limits.

Open as page ↗