Skip to content

Build Website

πŸš€ Get Started

Panduan ini menjelaskan cara membangun (build) project Hugo menjadi static website.

Proses build akan menghasilkan seluruh file website yang siap dipublikasikan ke web server.

Setelah menyelesaikan panduan ini, seluruh hasil build akan tersedia pada direktori public/.


πŸ“‹ Prerequisites

Pastikan:

  • Project Hugo telah dikonfigurasi.
  • Seluruh konten telah selesai dibuat.
  • Tidak terdapat kesalahan pada Hugo Development Server.

Apabila belum, lihat dokumen berikut.


▢️ Procedure

Build Website

Masuk ke direktori project.

cd ~/git/personal-site

Jalankan proses build.

hugo

Contoh output.

Start building sites ...
...
Total in 120 ms

Review Build Result

Tampilkan struktur direktori hasil build.

tree public -L 2

Contoh output.

public
β”œβ”€β”€ 404.html
β”œβ”€β”€ articles
β”œβ”€β”€ categories
β”œβ”€β”€ images
β”œβ”€β”€ index.html
β”œβ”€β”€ index.xml
β”œβ”€β”€ sitemap.xml
└── tags

Review Home Page

Buka file hasil build.

xdg-open public/index.html

Atau gunakan browser untuk membuka file public/index.html.


βœ… Verification

Pastikan direktori public berhasil dibuat.

ls public

Pastikan file berikut tersedia.

  • index.html
  • sitemap.xml
  • index.xml

Verification

Static website berhasil dibangun dan siap untuk proses deployment.


πŸ’‘ Engineering Notes

Perintah:

hugo

akan menghasilkan static website pada direktori public/.

Direktori tersebut merupakan artefak hasil build dan dapat langsung dipublikasikan menggunakan web server seperti NGINX, Apache HTTP Server, atau layanan object storage.

Karena direktori public/ dapat dibuat kembali kapan saja, direktori ini umumnya tidak disimpan ke dalam Git repository.

Tambahkan aturan berikut ke file .gitignore.

/public/