Sebuah implementasi lengkap untuk hosting web statis dan multi-project menggunakan layanan AWS. Sistem ini mencakup manajemen domain, CDN global, sertifikat HTTPS, serta struktur deployment yang mudah dan scalable.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
Proyek ini saya buat untuk mempelajari dan menerapkan arsitektur hosting profesional menggunakan layanan AWS secara end-to-end. Tujuannya adalah agar seluruh project web sederhana maupun kompleks dapat di-deploy dalam satu domain dengan struktur rapi dan performa cepat.
1. Setup Awal
Saya memulai dengan:
-
Mengkonfigurasi AWS CLI di sistem saya (Arch Linux).
-
Membuat S3 bucket sebagai penyimpanan static website.
-
Mengaktifkan static website hosting dan mengatur permission menggunakan bucket policy.
2. Menghubungkan Domain
Saya memindahkan domain pribadi asyrafun.my.id ke Route53, lalu:
-
Membuat Hosted Zone baru.
-
Mengatur Nameserver domain agar mengikuti AWS.
-
Menambahkan record A (ALIAS) dan CNAME untuk domain root dan subdomain www.
3. Mengaktifkan HTTPS dengan ACM
Saya membuat sertifikat SSL untuk:
-
asyrafun.my.id
-
www.asyrafun.my.id
Sertifikat divalidasi otomatis melalui DNS, lalu dihubungkan ke CloudFront.
4. CDN Global dengan CloudFront
Saya membuat CloudFront distribution untuk:
-
Menyediakan versi cepat dari website melalui edge nodes global.
-
Mengaktifkan HTTPS dengan sertifikat ACM.
-
Mengatur redirect otomatis dari HTTP ke HTTPS.
-
Menambahkan CloudFront Function untuk redirect permanen www → root.
5. Struktur Multi-Project
Saya menyusun struktur S3 menjadi multi-directory:
/ → portfolio utama /azan/ → project web azan
Dengan ini, domain utama menampilkan portfolio, sementara project lain bisa diakses melalui path terpisah.
6. Deployment
Deployment selanjutnya sangat mudah:
aws s3 sync ./ProjectNama s3://nama-bucket/path/
CloudFront akan menangani caching global, dan invalidation dipakai bila update diperlukan.
7. Hasil Akhir
-
Portfolio dapat diakses di:
https://asyrafun.my.id -
Project Azan dapat diakses di:
https://asyrafun.my.id/azan/ -
Project Calculator dapat diakses di:
https://asyrafun.my.id/calculator/ -
Sistem stabil, cepat, dan mengikuti best practice hosting statis modern.
Akhir Kata
Saya terbuka untuk kritik, masukan, atau saran pengembangan agar arsitektur ini bisa semakin baik dan profesional ke depannya. Terima kasih atas dukungan, bantuan, dan kesempatan yang diberikan.
