Cara Deploy Hugo dengan Netlify

Daftar isi

Hugo Dasar - This article is part of a series.

Part 1: Cara Install Gohugo Static Site Generator

Part 2: Cara Membuat Website dengan Hugo SSG

Part 3: This Article

Bagian hebat dari Hugo… ia bisa di-deploy di mana saja.

Hugo dapat di-deploy di Shared Hosting, VPS, Cloud Hosting, Firebase, Netlify dll.

Deploy¹ atau deployment² adalah sebuah proses atau aktifitas penyebaran untuk membuat “suatu hal” agar dapat .

Umumnya untuk “deploy hugo” kita hanya perlu memindahkan semua file yang ada di dalam folder public ke web server.

Namun…

Beda tempat, beda cara.

Cara Deploy Hugo dengan Netlify. #

Sebelum dimulai, hal yang harus disiapkan yakni…

Situs Hugo yang “sudah siap” di-hosting (lihat chapter 2),
Akun Github/Gitlab/Bitbucket, dan
Akun Netlify

Ikuti chapter sebelumnya untuk membuat situs hugo yang “sudah siap” di-hosting.

Pemahaman tentang Github. #

Buat akun Github (jika belum).
Buat repositori baru.
Clone repositori ke laptop.
- Ketik di terminal untuk clone github » git clone [email protected]:syahravi/suigen.git
Pastikan hugo yang kita buat sudah berada di .
push repositori ke Github dengan cara ketik

git add --all
git commit -m "Initial"
git push origin main

Repositori di Github bisa kita private bila perlu.

Pemahaman tentang Netlify. #

Silakan daftar akun Netlify.

Pendaftaran Netlify bisa menggunakan akun Github, Gitlab, Bitbucket, dan alamat email.

Klik “New site from Git” pada Netlify.
Hubungkan antara Netlify dengan Github.
Klik “Deploy site” untuk memulai proses deploy.

Kita akan diminta (optional) menentukan pengaturan untuk deployment. Seperti branch, perintah untuk build, dan piblish dir.

Mendapat domain acak `.netlify.app`:

Mengubah domain name (sesuai keinginan).

Klik Domain settings » Optios » change site name.

Bila terjadi error #

Mari kita pantau dari Deploy Log.

Tertulis error pada Hugo version

Mari kita perbaiki dengan menambahkan file netlify.toml dengan isi:

file netlify.toml.

[context.production.environment]
  HUGO_VERSION = "0.85.0"

Deklarasi di atas mengartikan bahwa kita ingin menggunakan HUGO_VERSION ‘0.85.0’ yang sebelumnya error karna kita menggunakan HUGO_VERSION ‘0.54.0’.

Berhasil diakses di https://suigen.netlify.app/.