Ringkasan Konfigurasi Cloudflare dan Vercel

Dalam studi kasus kali saya memiliki sebuah website Nextjs yang mana juga pada kali tidak seperti sebelumnya yang mana kita melakukan custom subdomain vercel secara langsung melalui vercel. Sekarang disini kita akan melakukan konfigurasinya melalui Cloudflare yang kemudian diarahkan ke vercel, jadi peran cloudflare disini hanya sebatas mengarahkan saja (DNS Only).

Berikut ini adalah Ringkasan Konfigurasi Cloudflare dan Vercel :

Konfigurasi pada Vercel 

Pada vercel nantinya kita akan mendapatkan semacam id unik untuk digunakan sebagai identifikasi kepemilikan projek pada vercel. Contoh ID : 767676idkalianxxx.vercel-dns-017.com

Nah kalian perlu menambahkan domain kalian dengan awalan www dan tanpa www seperti contoh berikut :

Untuk domain tanpa www, nanti redirect permanent 308 ke domain www. Jika anda menggunakan cara lama yakni menggunakan ip vercel, maka kemungkinan nanti pada pengaturan domain vercel akan muncul pesan DNS Change Recomended

Konfigurasi pada Cloudflare

Pada cloudflare nantinya kita membuat 2 jenis record CNAME www dan tanpa www, begitupun dengan jenis TXT record, kalian juga perlu menambahkan dua jenis TXT record seperti gambar dibawah ini :

Kesimpulan

• Dalam contoh kasus ini cloudflare hanya bertindak sebagai jembatan  (DNS Only) yang selanjutnya diarahkan ke vercel
• Pada vercel nantinya perlu ada dua buah konfigurasi CNAME dan TXT Record www dan tanpa www
• Kenapa disini tidak menambah A Record dan mengarahkannya ke IP vercel ? kalau Anda menggunakan A Record dan mengarahkannya ke IP vercel maka akan terjadi error DNS Change recomended jadi nanti tetap ada dua record CNAME untuk www dan non www yang dirahkan ke ID unik dari vercel
• Sebagai catatan bahwa secara standar di dunia internet, domain utama (tanpa www) sebenarnya tidak boleh dipasangi rekam CNAME. Namun, Cloudflare memiliki fitur khusus bernama CNAME Flattening. Saat Anda memasukkan CNAME berupa kode unik tersebut pada domain utama (karyaputramerdeka.org), Cloudflare secara otomatis di belakang layar: Melakukan lookup (mencari) IP Address yang terikat pada kode unik Vercel tersebut. Menyamarkan rekam CNAME Anda dan memancarkannya ke publik sebagai A Record dengan IP target Vercel secara otomatis. Karena Vercel menerima pancaran IP Address yang tepat dari Cloudflare, Vercel langsung menganggap konfigurasi domain utama Anda sah dan valid!
• Untuk TXT RECORD sebenarnya untuk beberpa projek mungkin berbeda, misal sebelumnya saya mengarahkan nameserver langsung ke vercel, tapi karena ada perubahan dan dikonfigurasi dari cloudflare maka TXT RECORD perlu ditambahkan atau ada opsi TXT Record pada vercel, jadi opsi TXT Record mungkin tidak akan selalu muncul pada setiap projek, contohnya pada projek saya yang lain TXT Record tidak perlu ditambahkan