ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်
Static website (React/Vue build output, plain HTML page) က server-side processing မလိုအပ်ပါ — S3 bucket ကို 'Static Website Hosting' feature ဖွင့်ပြီး, HTML/CSS/JS file တွေကို upload လုပ်ရုံနဲ့ website တစ်ခု အသက်ဝင်လာနိုင်ပါတယ် (EC2 server run ဖို့ လုံးဝ မလိုပါ)။ Index Document (ပုံမှန် index.html) နဲ့ Error Document (404.html) ကို configure လုပ်ရပါတယ် — bucket policy ကို public read ဖြစ်အောင် ဖွင့်ပေးရပါတယ် (website ဆိုတော့ public access လိုအပ်တာမို့).
လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်
S3 static website hosting ကို enable လုပ်ပြီး `index.html`, `style.css`, `script.js` ကို upload လုပ်လိုက်ရင်, S3 က website URL တစ်ခု (ဥပမာ - `http://my-bucket.s3-website-us-east-1.amazonaws.com`) ပေးပါတယ် — Route 53 (Advanced chapter) ကို သုံးပြီး ကိုယ်ပိုင် domain name ကို ချိတ်ဆက်လို့လည်း ရပါတယ်။ CloudFront (CDN) ကို ရှေ့ကနေ ချိတ်ရင် content ကို user နဲ့ ပိုနီးတဲ့ Edge Location ကနေ ပေးပို့ပြီး load speed ပိုမြန်စေပါတယ်.
အတူတူ ကြည့်မယ်
# Enable static website hosting
aws s3 website s3://my-tutorial-bucket-2026 \
--index-document index.html --error-document 404.html
# Upload your site files
aws s3 sync ./dist s3://my-tutorial-bucket-2026
# Your site is now live at:
# http://my-tutorial-bucket-2026.s3-website-<region>.amazonaws.com$ curl -I http://my-tutorial-bucket-2026.s3-website-us-east-1.amazonaws.com
HTTP/1.1 200 OK
Content-Type: text/html၅ မိနစ် စမ်းကြည့်
Simple `index.html` file တစ်ခု ကိုယ်တိုင်ရေးပြီး S3 bucket ထဲ upload ကာ static website hosting ကို enable လုပ်ကြည့်ပါ — S3 ပေးတဲ့ URL ကို browser မှာ ဖွင့်ကြည့်ပါ။
သတိလေးတစ်ချက်
Static hosting ကနေ website ကို bucket policy public ဖွင့်ချထားတာက static asset (HTML/CSS/JS) အတွက်ပဲ ရည်ရွယ်ပါတယ် — sensitive/private data ကို ဒီ bucket ထဲ လုံးဝ မထည့်ပါနှင့်။