Overview
Cloudflare adalah salah platform yang menyediakan layanan CDN (Content Delivery Network) dan mitigasi DDos (Distributed Denial of Service).
Sederhananya Cloudflare berperan sebagai perantara antara client (pengguna) dan server, ketika seseorang mengakses sebuah website melalui internet maka permintaan tersebut akan melalui jaringan Cloudflare dulu kemudian di teruskan ke server.
Di tulisan ini akan membahas “Cara sinkronisasi DNS melalui Cloudflare dengan Provider DNS lokal”.
Hal - hal yang akan dibahas:
- Setup buat sinkronisasi domain dari https://domainesia.com ke https://cloudflare.com
- Setup integrasi https://cloudflare.com dengan https://vercel.com
Architecture Overview
![](/_astro/architecture.BsqT5n00_1eyfNc.webp)
Asal domain ada di https://www.domainesia.com kemudian perlu setup nameserver untuk diarahkan ke cloudflare, dan setup CNAME untuk vercel di platform cloudflare.
- https://www.domainesia.com platform penyedia DNS lokal, tempat pembelian awal domain https://adiatma.tech
- https://cloudflare central config untuk pengelolaan DNS
- https://vercel.com platform SaaS untuk static deployment
Pre-requisites
- Punya akun Cloudflare.
- Punya domain di Domainesia.
- Punya akun di Vercel.
Getting Started
Cloudflare
Cloudflare adalah sebuah perusahaan teknologi Amerika Serikat yang menyediakan layanan jaringan pengantaran konten (CDN), pencegahan Distributed Denial of Service (DDoS), keamanan internet, dan peladen nama domain terdistribusi.
Cloudflare bertindak sebagai perantara antara pengguna dan server hosting website. Ketika seseorang mengakses sebuah website, permintaan tersebut akan melewati jaringan Cloudflare yang terdiri dari banyak server yang tersebar di berbagai lokasi di seluruh dunia.
Layanan lainnya Cloudflare menawarkan layanan DNS untuk memudahkan pengelolaan domain.
![](/_astro/cf-1.Rk6PNPHk_ZsSjpR.webp)
Untuk menambahkan DNS baru, pada menu website silahkan klik button dengan tulisan add site
.
Kemudian ikuti langkah - langkahnya seperti gambar dibawah ini:
Langkah pertama tambahkan DNS baru, selanjutnya cloudflare akan mencari atau memastikan keberadaan domain tersebut.
![](/_astro/cf-2.pkOrCeJ__Z1mnhYH.webp)
Jika domain tersebut tersedia, maka kemungkinan akan tampil seperti gambar di bawah
selanjutnya pilih yang free saja dan klik button continue.
![](/_astro/cf-3.CSuXcexw_2heS96.webp)
Setelah selesai akan tampil halaman dns record, untuk sementara di kosongkan saja, kemudian lanjut buka tab baru untuk halaman web domainesia.com.
![](/_astro/cf-4.BxxViFhs_1OkAhd.webp)
Domainesia
Domainesia adalah salah satu platform penyedia layanan publik DNS di indonesia, selain layanan domain domainesia menyediakan layanan server hosting.
Selanjutnya setelah selesai setup cloudflare, kemudian teman - teman perlu untuk masuk / login ke halaman web domainesia, dan perlu untuk
menambahkan nameserver
milik cloudflare seperti gambar dibawah ini.
![](/_astro/dn-1.BnHsqnJv_Z1986XI.webp)
Isi kolom nameserver
1 dan 2 dengan data dibawah ini:
rocky.ns.cloudflare.comviolet.ns.cloudflare.com
Setelah berhasil setup, selanjutnya perlu untuk menunggu.
Waktu tunggu untuk propagdasi kurang lebih +1 jam.
Untuk mengecek perubahan yang sudah kita lakukan, teman - teman bisa pakai CLI dig
contoh command nya
seperti dibawah ini.
dig ns +short <nama_domain_com>
Jika yang tampil adalah nama nameserver
cloudflare artinya domain tersebut telah berhasil di arahkan ke cloudflare.
# resultrocky.ns.cloudflare.com.violet.ns.cloudflare.com.
Vercel
Vercel adalah salah satu cloud untuk web static / frontend yang sudah cukup populer.
Tidak perlu paham dengan kerumitan infrastructure, pengaturan network dan lain sebagainya teman - teman bisa deploy web frontend dengan mudah dengan menggunakan vercel.
Untuk kasus ini saya akan pakai vercel untuk deployment website adiatma.tech.
Karena saya pakai Astro teman - teman bisa lihat tutorial cara deployment nya disini
Untuk setup DNS di vercel, teman - teman bisa lihat screenshoot dibawah ini.
![](/_astro/vercel-1.695QeXhh_71Mb4.webp)
Next setelah DNS di tambahkan perlu untuk menambahkan dns record baru di Cloudflare.
![](/_astro/cf-5.B7Mod9M1_1oIUxY.webp)
Yang perlu di perhatikan adalah menambahkan dns record CNAME dengan proxy status DNS Only.
Jika berhasil harusnya DNS nya sudah bisa langsung di pakai.
Summary
Sampai disini teman - teman sudah bisa dengan mudah mengatur configurasi dari Cloudflare jadinya pengaturan dns records bisa terpusat disatu tempat saja.