Setelah deploy ke platform hosting, langkah selanjutnya adalah menghubungkan domain sendiri. Artikel ini akan memandu Anda dari membeli domain hingga SSL aktif dan website live di domain Anda.

Komponen yang Diperlukan

KomponenDeskripsiContoh
DomainAlamat website Andasitemas.com
DNS ProviderLayanan yang mengelola DNS recordsCloudflare, Namecheap
SSL CertificateEnkripsi HTTPSLet’s Encrypt (gratis)
HostingTempat website di-deployVercel, Netlify, Cloudflare

Membeli Domain

Registrar Terpercaya

RegistrarHarga .comFitur
Cloudflare Registrar~$9.15/tahunAt-cost, WHOIS privacy gratis
Namecheap~$10.98/tahunMurah, WHOIS gratis tahun 1
Porkbun~$9.73/tahunMurah, interface modern
Google Domains$12/tahunSimple, reliable
Rekomendasi

Cloudflare Registrar menjual domain at-cost (tanpa markup) dan includes WHOIS privacy gratis selamanya.

Tips Memilih Domain

  1. Pendek dan mudah diingat — Hindari kata yang sulit dieja
  2. Hindari hyphensmy-awesome-blog.com lebih sulit diingat
  3. Gunakan .com jika tersedia — Masih paling trusted
  4. Cek trademark — Jangan gunakan nama brand lain

Memahami DNS Records

RecordFungsiContoh
APointing domain ke IPv4@76.76.21.21
AAAAPointing domain ke IPv6@2606:4700::xxxx
CNAMEAlias ke domain lainwwwsitemas.vercel.app
TXTVerifikasi ownershipDomain verification
MXEmail routingUntuk email domain

Apex Domain vs Subdomain

TipeContohRecord
Apex/Rootsitemas.comA record
Subdomainwww.sitemas.comCNAME

Setup di Vercel

Tambah Domain di Vercel

  1. Buka project → SettingsDomains
  2. Masukkan domain: sitemas.com
  3. Klik Add

Konfigurasi DNS

Vercel memberikan opsi:

Opsi A: Menggunakan Vercel DNS

  • Ubah nameservers ke Vercel
  • Paling mudah, full integration

Opsi B: External DNS

Untuk apex domain (sitemas.com):

Type: A
Name: @
Value: 76.76.21.21

Untuk www:

Type: CNAME
Name: www
Value: cname.vercel-dns.com

Verifikasi

Klik Verify di Vercel. SSL akan otomatis di-provision setelah DNS propagasi selesai.

Setup di Netlify

Tambah Domain di Netlify

  1. Domain settingsAdd custom domain
  2. Masukkan: sitemas.com
  3. Klik VerifyAdd domain

Pilih Metode DNS

Opsi A: Netlify DNS (Recommended)

  • Update nameservers domain ke Netlify
  • Auto-configure semua records

Opsi B: External DNS

Untuk apex:

Type: A
Name: @
Value: 75.2.60.5

Atau gunakan ALIAS/ANAME jika registrar support.

Untuk www:

Type: CNAME
Name: www
Value: sitemas.netlify.app

Provision SSL

Klik Verify DNS configuration. Netlify akan otomatis provision Let’s Encrypt certificate.

Setup di Cloudflare Pages

Tambah Domain

  1. Buka project → Custom domains
  2. Klik Set up a custom domain
  3. Masukkan: sitemas.com

DNS Configuration

Jika domain sudah di Cloudflare:

  • DNS record otomatis ditambahkan
  • SSL langsung aktif via Cloudflare

Jika domain di luar Cloudflare:

Type: CNAME
Name: @
Value: sitemas.pages.dev

Atau transfer domain ke Cloudflare (recommended).

Aktivasi SSL

Dengan Cloudflare, SSL otomatis aktif. Mode: Full (strict) untuk keamanan maksimal.

WWW vs Non-WWW

Pilih salah satu sebagai canonical dan redirect yang lain:

# Redirect www ke non-www
https://www.sitemas.com/* → https://sitemas.com/:splat

WWW

# Redirect non-www ke www
https://sitemas.com/* → https://www.sitemas.com/:splat
Konsistensi Penting

Pilih satu dan konsisten. Inkonsistensi bisa menyebabkan duplicate content issues di SEO.

Update site URL

Setelah domain aktif, update konfigurasi Sitemas:

src/utils/constants.ts
typescript
export const SITE = {
    url: 'https://sitemas.com',  // Update dengan domain baru
    // ... properti lainnya
} as const;
astro.config.mjs
javascript
export default defineConfig({
    site: 'https://sitemas.com',  // Update dengan domain baru
    // ... konfigurasi lainnya
});

SSL/HTTPS Configuration

Mengapa HTTPS Penting?

  1. Security — Enkripsi data user
  2. SEO — Google memprioritaskan HTTPS
  3. Trust — Browser menandai HTTP sebagai “Not Secure”
  4. Features — HTTP/2, service workers memerlukan HTTPS

Force HTTPS

Semua platform modern (Vercel, Netlify, Cloudflare) otomatis redirect HTTP ke HTTPS. Tapi pastikan dengan mengunjungi http://yourdomain.com dan verifikasi redirect ke https://.

HSTS (HTTP Strict Transport Security)

Untuk keamanan ekstra, enable HSTS:

Header HSTS
text
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload

Di Cloudflare: SSL/TLSEdge CertificatesEnable HSTS

Troubleshooting

DNS Tidak Propagasi

  • Cek dengan tools: dnschecker.org
  • Waktu propagasi: 5 menit - 48 jam
  • Clear DNS cache: ipconfig /flushdns (Windows) atau restart browser

SSL Certificate Error

ErrorSolusi
”Not Secure”Tunggu SSL provisioning (sampai 24 jam)
“Certificate mismatch”Pastikan domain match dengan certificate
”Mixed content”Update semua resources ke HTTPS

Domain Tidak Bisa Diakses

  1. Cek DNS records sudah benar
  2. Pastikan domain aktif (tidak expired)
  3. Cek nameservers sudah update
  4. Tunggu propagasi

Email dengan Custom Domain

Jika ingin email seperti hello@sitemas.com:

Gratis dengan Cloudflare Email Routing

  1. Masuk ke Cloudflare → Email
  2. Setup routing ke email pribadi (Gmail, etc.)
  3. Kirim email masuk ke alamat pilihan

Berbayar

LayananHargaFitur
Google Workspace$6/user/monthGmail, Drive, Meet
Zoho MailGratis (5 users)Basic email
ProtonMail€4/monthPrivacy-focused

Checklist Sebelum Launch

  • Domain pointing ke hosting provider
  • SSL certificate aktif (HTTPS works)
  • WWW redirect dikonfigurasi
  • Site URL diupdate di constants.ts dan astro.config.mjs
  • Canonical URLs menggunakan domain baru
  • Sitemap menggunakan domain baru
  • Google Search Console diupdate dengan domain baru
  • Social media links menggunakan domain baru

Langkah Selanjutnya

Deployment sudah complete! Explore fitur lanjutan:

Fitur Lanjutan

Pelajari fitur-fitur advanced Sitemas seperti multi-bahasa dan kursus.

Kesimpulan

Setup custom domain adalah langkah penting untuk profesionalisme website Anda:

  1. Beli domain dari registrar terpercaya
  2. Konfigurasi DNS sesuai hosting provider
  3. Tunggu propagasi (bisa sampai 48 jam)
  4. Verifikasi SSL aktif
  5. Update konfigurasi Sitemas

Dengan domain sendiri, website Sitemas Anda siap untuk branding profesional dan menerima organic traffic dari search engines.