Cara Buat Hosting Gratis di Netlify

Ditulis oleh Bang Den on
WebsiteServerNetlify

Netlify merupakan salah satu provider hosting yang populer saat ini, biasanya Netlify digunakan sebagai server hosting para developer untuk mendeploy project yang menggunakan perintah GIT workflow. Sistem sederhana yang digunakan Netlify ialah, setiap ada perubahan sorce code yang ada di repository GIT maka Netlify akan secara otomatis mendeploy source code tersebut dan mempublikasikannya ke server.

Kali ini saya akan membahas bagaimana cara mendeploy website statis ke Netlify tanpa harus menggunakan GIT workflow. Simak tulisan ini sampai selesai, supaya Anda dapat memahaminya.

Yang harus kita lakukan untuk pertama kali adalah mempunyai akun di Netlify. Apabila sudah mempunyai akun di Netlify, Anda dapat login ke halaman Netlify.

Buat file website

Pertama kita akan membuat folder project terlebih dahulu, saya akan membaut contoh folder Netlify-Deploy. Jika sudah buatlah file index.html. Saya akan berikan contoh source code yang sederhana, karena ini hanya tutorial dan Anda dapat mengembangkannya secara pribadi.

Buat source code index.html seperti ini.

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BangDen Netlify</title></head>
<body>
    <center><h1>Bangden host di Netlify</h1></center></body>
</html>

Silahkan simpan source code di atas dengan nama file index.html.

Deploy ke Netlify

Masuklah ke halaman dashboard milik Netlify, setelah itu masuk halaman Site. Scroll ke bagian paling bawah, kamu akan menemukan area drag & drop.

Jika sudah silahkan drag & drop file yang kamu buat tadi dan tunggu hingga proses uploading selesai. Apabila berhasil maka statusnya menjadi Published dan kamu akan diberikan url sub-domain dari Netlify.

Di sini saya mendapatkan url https://serene-boyd-2de967.netlify.app/.

Kamu juga bisa mencustom domain dengan nama domain yang kamu miliki. Jika ingin mengubah nama domain silahkan masuk ke halaman Domain Setting.

Apabila kamu tidak memiliki nama domain. Kamu bisa mengubah random url yang diberikan oleh Netlify dengan cara masuk ke halaman Site settings ➡️ General ➡️ Change site name. lalu ubah nama urlnya sesuai dengan keinginan kamu lalu klik Save.

Di sini saya mengubahnya dengan url https://bangden-netlify.netlify.app/.

Sekian tutorial sederhana dari saya. Semoga ini dapat menjadi manfaat untuk Anda semua. Dan jangan lupa untuk membagikan tutorial ini kepada yang lainnya.

Comments