Docslogor

Deployment Situs Hugo

Setelah situs selesai dibangun, langkah terakhir adalah mempublikasikannya agar dapat diakses oleh pengguna. Hugo mendukung berbagai platform deployment, mulai dari GitHub Pages, Netlify, hingga platform lain seperti Vercel atau AWS S3.

Deploy ke GitHub Pages

GitHub Pages adalah salah satu cara mudah dan gratis untuk meng-host situs Hugo. Berikut adalah langkah-langkahnya:

Buat Repository di GitHub

  1. Masuk ke GitHub dan buat repository baru untuk situsmu.
  2. Beri nama repository sesuai keinginan, misalnya my-hugo-site.

Konfigurasi Deployment Hugo

  1. Pastikan folder public digunakan untuk menyimpan file hasil build.
  2. Tambahkan folder public sebagai submodule Git di repository baru:
git submodule add -b main https://github.com/username/my-hugo-site.git public
  1. Bangun situs Hugo:
hugo
  1. Masuk ke folder public dan push file ke GitHub:
cd public
git add .
git commit -m "Deploy Hugo site"
git push origin main

Aktifkan GitHub Pages

  1. Buka repository di GitHub.
  2. Masuk ke Settings > Pages.
  3. Di bagian “Source,” pilih branch main dan folder / (root).
  4. Klik Save. Situsmu akan tersedia di URL seperti https://username.github.io/my-hugo-site.

Deploy ke Netlify

Netlify adalah platform yang sangat populer untuk meng-host situs statis seperti Hugo. Berikut adalah langkahnya:

Buat Akun di Netlify

  1. Daftar di Netlify (bisa menggunakan akun GitHub).

Sambungkan Repository

  1. Klik New Site from Git di dashboard Netlify.
  2. Pilih penyedia Git (GitHub, GitLab, atau Bitbucket).
  3. Pilih repository Hugo yang ingin dideploy.

Konfigurasi Build

  1. Masukkan konfigurasi build Hugo:
    • Build Command: hugo --minify
    • Publish Directory: public
  2. Klik Deploy Site. Netlify akan otomatis membangun dan meng-host situsmu.

Dapatkan URL Situs

Setelah deployment selesai, Netlify akan memberikan URL default seperti https://random-name.netlify.app. Kamu bisa menghubungkan custom domain jika diperlukan.

Deploy ke Platform Lain

Hugo fleksibel dan mendukung deployment ke berbagai platform lain, seperti Vercel, AWS S3, atau Cloudflare Pages. Sebagai catatan situs docslogor ini di deploy menggunakan Cloudflare Pages.

Berikut panduan singkat untuk masing-masing:

Deploy ke Vercel

  1. Daftar di Vercel.
  2. Sambungkan repository Hugo.
  3. Konfigurasi build:
    • Framework Preset: Hugo
    • Build Command: hugo
    • Output Directory: public
  4. Klik Deploy.

Deploy ke AWS S3

  1. Bangun situs Hugo dengan perintah hugo.
  2. Instal AWS CLI dan konfigurasi kredensial.
  3. Upload folder public ke bucket S3:
aws s3 sync public/ s3://your-bucket-name --acl public-read
  1. Pastikan bucket S3 memiliki pengaturan untuk hosting situs statis.

Deploy ke Cloudflare Pages

  1. Buat proyek baru di Cloudflare Pages.
  2. Sambungkan repository GitHub.
  3. Konfigurasi build:
    • Build Command: hugo
    • Output Directory: public
  4. Klik Deploy Project.

Kesimpulan

Hugo mendukung berbagai platform untuk deployment. GitHub Pages cocok untuk pengguna yang ingin hosting gratis dengan integrasi GitHub, sementara Netlify dan Vercel menyediakan pengalaman lebih fleksibel dengan fitur otomatisasi build. Pilih platform sesuai kebutuhanmu untuk memastikan situsmu dapat diakses oleh audiens dengan mudah. 🚀

Sebelumnya
Menjalankan dan Membangun Situs
Selanjutnya
Troubleshooting Umum