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
| Komponen | Deskripsi | Contoh |
|---|---|---|
| Domain | Alamat website Anda | sitemas.com |
| DNS Provider | Layanan yang mengelola DNS records | Cloudflare, Namecheap |
| SSL Certificate | Enkripsi HTTPS | Let’s Encrypt (gratis) |
| Hosting | Tempat website di-deploy | Vercel, Netlify, Cloudflare |
Membeli Domain
Registrar Terpercaya
| Registrar | Harga .com | Fitur |
|---|---|---|
| Cloudflare Registrar | ~$9.15/tahun | At-cost, WHOIS privacy gratis |
| Namecheap | ~$10.98/tahun | Murah, WHOIS gratis tahun 1 |
| Porkbun | ~$9.73/tahun | Murah, interface modern |
| Google Domains | $12/tahun | Simple, reliable |
Cloudflare Registrar menjual domain at-cost (tanpa markup) dan includes WHOIS privacy gratis selamanya.
Tips Memilih Domain
- Pendek dan mudah diingat — Hindari kata yang sulit dieja
- Hindari hyphens —
my-awesome-blog.comlebih sulit diingat - Gunakan .com jika tersedia — Masih paling trusted
- Cek trademark — Jangan gunakan nama brand lain
Memahami DNS Records
| Record | Fungsi | Contoh |
|---|---|---|
| A | Pointing domain ke IPv4 | @ → 76.76.21.21 |
| AAAA | Pointing domain ke IPv6 | @ → 2606:4700::xxxx |
| CNAME | Alias ke domain lain | www → sitemas.vercel.app |
| TXT | Verifikasi ownership | Domain verification |
| MX | Email routing | Untuk email domain |
Apex Domain vs Subdomain
| Tipe | Contoh | Record |
|---|---|---|
| Apex/Root | sitemas.com | A record |
| Subdomain | www.sitemas.com | CNAME |
Setup di Vercel
Tambah Domain di Vercel
- Buka project → Settings → Domains
- Masukkan domain:
sitemas.com - 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.21Untuk 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
- Domain settings → Add custom domain
- Masukkan:
sitemas.com - Klik Verify → Add 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.5Atau 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
- Buka project → Custom domains
- Klik Set up a custom domain
- 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.devAtau 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:
Non-WWW (Recommended)
# 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
Pilih satu dan konsisten. Inkonsistensi bisa menyebabkan duplicate content issues di SEO.
Update site URL
Setelah domain aktif, update konfigurasi Sitemas:
export const SITE = {
url: 'https://sitemas.com', // Update dengan domain baru
// ... properti lainnya
} as const; export default defineConfig({
site: 'https://sitemas.com', // Update dengan domain baru
// ... konfigurasi lainnya
}); SSL/HTTPS Configuration
Mengapa HTTPS Penting?
- Security — Enkripsi data user
- SEO — Google memprioritaskan HTTPS
- Trust — Browser menandai HTTP sebagai “Not Secure”
- 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:
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload Di Cloudflare: SSL/TLS → Edge Certificates → Enable 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
| Error | Solusi |
|---|---|
| ”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
- Cek DNS records sudah benar
- Pastikan domain aktif (tidak expired)
- Cek nameservers sudah update
- Tunggu propagasi
Email dengan Custom Domain
Jika ingin email seperti hello@sitemas.com:
Gratis dengan Cloudflare Email Routing
- Masuk ke Cloudflare → Email
- Setup routing ke email pribadi (Gmail, etc.)
- Kirim email masuk ke alamat pilihan
Berbayar
| Layanan | Harga | Fitur |
|---|---|---|
| Google Workspace | $6/user/month | Gmail, Drive, Meet |
| Zoho Mail | Gratis (5 users) | Basic email |
| ProtonMail | €4/month | Privacy-focused |
Checklist Sebelum Launch
- Domain pointing ke hosting provider
- SSL certificate aktif (HTTPS works)
- WWW redirect dikonfigurasi
- Site URL diupdate di
constants.tsdanastro.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:
- Beli domain dari registrar terpercaya
- Konfigurasi DNS sesuai hosting provider
- Tunggu propagasi (bisa sampai 48 jam)
- Verifikasi SSL aktif
- Update konfigurasi Sitemas
Dengan domain sendiri, website Sitemas Anda siap untuk branding profesional dan menerima organic traffic dari search engines.