Panduan Menghubungkan Subdomain

Menghubungkan Subdomain ke Vercel

Sangat cocok untuk project Next.js, React, Astro, atau website statis lainnya.

Langkah 1 — Tambahkan Record CNAME

Buka menu Kelola DNS Subdomain, lalu tambahkan record baru:

Tipe   : CNAME
Host   : @ (atau subdomain khusus misal 'app')
Konten : cname.vercel-dns.com
Proxy  : MATIKAN (mode DNS Saja)

Catatan: Proxy Cloudflare harus dimatikan agar Vercel dapat memverifikasi kepemilikan domain.

Langkah 2 — Daftarkan di Dashboard Vercel

1. Buka project-mu di dashboard Vercel → Settings → Domains.
2. Ketik nama subdomain lengkap (mis. portofolio.gamet.my.id) lalu klik Add.
3. Tunggu hingga tanda centang hijau Valid Configuration muncul.

Menghubungkan ke GitHub Pages

Bagus untuk dokumentasi, blog statis, atau portofolio pribadi.

Langkah 1 — Buat Record CNAME

Di menu Kelola DNS, buat record CNAME berikut:

Tipe   : CNAME
Host   : @
Konten : username.github.io
Proxy  : MATIKAN (mode DNS Saja)

Ganti username dengan username akun GitHub-mu.

Langkah 2 — Atur di Pengaturan Repository

1. Buka repository GitHub → Settings → Pages.
2. Pada bagian Custom domain, masukkan subdomain lengkapmu lalu klik Save.
3. Setelah DNS terverifikasi, aktifkan opsi Enforce HTTPS.

Pointing ke Server VPS (Record A)

Gunakan record A untuk mengarahkan subdomain langsung ke IP publik server-mu.

Langkah 1 — Tambah Record A

Tipe   : A
Host   : @
Konten : 192.0.2.1 (Ganti dengan IP Publik VPS Anda)
Proxy  : MATIKAN saat install SSL, BISA AKTIF setelahnya

Langkah 2 — Konfigurasi Web Server (Nginx)

server {
    listen 80;
    server_name portofolio.gamet.my.id;
    location / {
        proxy_pass http://127.0.0.1:3000;
    }
}