Deploy Static Website¶
π Get Started¶
Panduan ini menjelaskan cara mempublikasikan hasil build Hugo menggunakan NGINX Container.
Website hasil build akan dijalankan secara langsung menggunakan Podman dengan me-mount direktori public/ sebagai document root NGINX.
Setelah menyelesaikan panduan ini, website dapat diakses menggunakan web browser.
π Prerequisites¶
Pastikan:
- Website telah berhasil di-build.
- NGINX Image telah tersedia.
Apabila belum, lihat dokumen berikut.
βΆοΈ Procedure¶
Review Build Output¶
Pastikan direktori public/ telah berhasil dihasilkan.
Contoh output.
public
βββ 404.html
βββ assets
βββ css
βββ images
βββ index.html
βββ sitemap.xml
βββ ...
Pastikan file index.html tersedia.
Run NGINX Container¶
Jalankan NGINX Container dengan me-mount direktori public/.
podman run -d \
--name hugo-site \
-p 8080:80 \
-v $(pwd)/public:/usr/share/nginx/html:ro \
nginx:latest
Keterangan:
| Parameter | Description |
|---|---|
-d |
Menjalankan container di background. |
--name |
Memberikan nama container. |
-p 8080:80 |
Memetakan port host ke container. |
-v |
Me-mount direktori public/ sebagai document root NGINX. |
:ro |
Mount dalam mode read-only. |
Access Website¶
Buka browser.
Sesuaikan alamat host dan port apabila menggunakan konfigurasi yang berbeda.
β Verification¶
Pastikan:
- Container NGINX berstatus Running.
- Website dapat diakses melalui browser.
- Halaman utama berhasil ditampilkan.
- Tidak terdapat broken link.
Verification
Static website berhasil dipublikasikan menggunakan NGINX Container.
π‘ Engineering Notes¶
Pada panduan ini, hasil build Hugo tidak disalin ke direktori deployment lain.
NGINX Container secara langsung menggunakan direktori public/ sebagai document root melalui mekanisme bind mount, sehingga setiap perubahan hasil build dapat segera dipublikasikan tanpa perlu melakukan proses penyalinan file.
Pendekatan ini sederhana, mudah dipahami, dan sesuai untuk proses development maupun pengujian lokal.
π Related Documents¶
- Build Website
- Deploy to Object Storage