MENU Minggu, 13 Okt 2024

Cara Membuat Website di Vercel App

waktu baca 3 menit
Kamis, 19 Sep 2024 05:54 0 19 daza08313@gmail.com

Cara Membuat Website di Vercel App – Memiliki website bukanlah sesuatu yang sulit lagi saat ini. Setiap orang bisa memiliki websitenya masing-masing. Apalagi dengan beberapa platform yang menyediakan hosting gratis tanpa dipungut biaya sepeserpun, bahkan kita diberikan domain yang dapat digunakan untuk mengakses website tersebut.

Static Website

Sebelum kita masuk ke bagian linkgame.ac.id panduan, kamu perlu mengetahui mengenai static website atau website statis. Kebanyakan hosting gratis hanya menyediakan hosting untuk website tipe ini. Jadi, apa itu static website?

Static website adalah website yang memiliki konten yang tidak berubah atau tetap. Contoh website yang menggunakan jenis ini adalah website resume atau CV. Data yang ditampilkan pada website ini tidak diambil melalui database, melainkan di-hardcode atau sudah ditulis pada suatu file sebelum diunggah ke hosting.

Tapi jangan khawatir, static website pun bisa menjadi dynamic jika kamu menggunakan API (Application Programming Interface) untuk mengambil data dari suatu database atau tempat lain. Namun, di panduan ini hanya akan mengajarkan cara membuat website statis tanpa data dinamis.

Menggunakan Vercel sebagai Hosting

Vercel adalah salah satu penyedia layanan hosting gratis yang akan kita gunakan. Berikut ini adalah langkah-langkah untuk mendaftarkan diri di hosting ini. Selain deploy website di Github, kamu juga bisa buat repository di Vercel ini.

1. Daftarkan Diri

Pertama, kamu harus mendaftarkan diri dulu di Vercel. Untuk dapat mendaftarkan diri kamu harus memiliki akun Github, GitLab, atau BitBucket.

2. Download Aplikasi CLI Vercel

Setelah mendaftarkan diri, download aplikasi CLI Vercel melalui npm. Jika kamu belum melakukan instalasi npm, ada baiknya untuk mengikuti panduan instalasi npm terlebih dahulu. Jalankan perintah berikut ini untuk mengunduh aplikasi CLI Vercel ke komputermu,

Setelah instalasi selesai, coba jalankan perintah npx vercel -v untuk mengetahui apakah instalasi sukses atau tidak. Jika tidak keluar tulisan mirip seperti di bawah ini, kemungkinan instalasimu gagal dan harus diulang.

3. Login Melalui Aplikasi CLI Vercel

Selanjutnya, login ke Vercel menggunakan aplikasi CLI tersebut. Caranya mudah dengan menggunakan perintah npx vercel. Kamu akan disuruh memasukan email yang kamu daftarkan sebelumnya, selanjutkan email konfirmasi akan dikirimkan dan kamu perlu untuk menekan tombol ‘Verify’ di email kamu. Tulisan yang akan keluar kurang lebih seperti ini.

Selamat! Kamu sudah berhasil menggunakan Vercel CLI. Sekarang, saatnya membuat website dan meletakkannya di Vercel sehingga semua orang bisa mengaksesnya. Cukup melakukan dua langkah sederhana berikut ini.

1. Buat Website Super Sederhana

Buat sebuah folder baru, dan isi folder tersebut dengan sebuah file HTML bernama index.html yang isinya bebas

2. Unggah Website Kamu ke Vercel

Kemudian jalan kan perintah berikut ini di folder yang berisi index.html tersebut. Kamu akan ditanya mengenai beberapa hal, kamu boleh tekan enter sampai beres tanpa mengubah apapun.

Yak, kamu berhasil membuat website yang dapat diakses melalui internet! Sekarang coba buka link yang muncul di tulisan diatas tepatnya dibagian, Production:. Coba buka melalui browser dan kamu akan melihat bahwa website kamu berhasil dibuat.

Vercel memiliki dukungan untuk berbagai jenis frontend framework seperti React, NextJS, Angular, dan Vue. Sehingga kamu bisa menggunakan frontend framework pilihan kamu jika dibutuhkan.

daza08313@gmail.com

Mediabacklink.net adalah perusahaan digital marketing yang telah berpengalaman sejak 2014, menawarkan layanan Web Design, Search Engine Optimization (SEO), Search Engine Marketing (SEM), Social Media Management, Social Media Marketing, dan TikTok Video Production. Kami berkomitmen untuk memberikan hasil nyata dengan meningkatkan efektivitas pemasaran bisnis online brand Anda, sesuai dengan kebutuhan dan budget Anda.

Tidak ada komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

LAINNYA