Tutorial ini merupakan lanjutan dari tutorial sebelumnya tentang Cara Buat Website Seperti Linktree Cuma Pakai HTML dan CSS. Sesuai dengan yang sudah saya janjikan, bahwa saya akan membahas cara menghosting website tersebut menggunakan Vercel. Namun sebelum itu, kita perlu terlebih dahulu mengupload kode website ke GitHub.
Nah, di artikel ini saya akan pandu Anda langkah demi langkah mulai dari membuat repository hingga upload kode ke GitHub secara manual menggunakan drag-and-drop. Yuk langsung saja!
Langkah-Langkah Membuat Repository dan Upload Kode ke GitHub
1. Persiapkan Folder dan File Kode Anda
Sebelum memulai, pastikan Anda sudah memiliki kode website yang ingin diupload. Dalam contoh ini, saya menggunakan file dari website Linktree yang sebelumnya sudah saya edit, yang terdiri dari:
- Folder img berisi gambar/logo
- File HTML
- File CSS
Pastikan semua file tersebut sudah tersimpan dalam satu folder agar lebih mudah diupload nanti.
2. Buka GitHub dan Login
Silakan buka browser Anda dan kunjungi situs GitHub.com. Jika Anda belum memiliki akun, silakan daftar terlebih dahulu. Untuk panduan pendaftaran GitHub, Anda bisa tonton video berikut: Cara Daftar atau Membuat Akun GitHub.
Setelah berhasil login, Anda akan berada di halaman dashboard GitHub.
3. Buat Repository Baru
Untuk membuat repository:
- Klik tombol "New" di samping kiri halaman.
- Anda akan diarahkan ke halaman pembuatan repository.
Silakan isi:
- Repository Name: Masukkan nama repository (misalnya: linktree atau nama lain sesuai keinginan Anda).
- Description (optional): Bisa dikosongkan atau diisi dengan deskripsi singkat.
- Visibility: Pilih antara:
- Public: siapa pun bisa melihat kode Anda
- Private: hanya Anda atau kolaborator yang bisa mengakses kode
Setelah semua terisi, klik tombol "Create repository".
4. Upload Kode Secara Manual (Drag and Drop)
Setelah repository berhasil dibuat, Anda akan masuk ke halaman seperti di bawah ini:
Silakan klik "uploading an existing file". Selanjutnya Anda akan diarahkan ke halaman upload file.
Selanjutnya:
- Buka folder yang berisi file kode yang sudah Anda siapkan sebelumnya.
- Blok semua file (Ctrl + A), lalu seret dan lepaskan (drag and drop) file-file tersebut ke halaman upload file.
Tunggu hingga proses upload selesai.
5. Commit Changes
Setelah file berhasil diunggah:
- Isi kolom pertama di bagian "Commit changes". Misalnya dengan: upload file (silakan Anda isi sesuai dengan keinginan Anda).
- Kolom kedua bisa Anda kosongkan atau isi keterangan tambahan.
- Klik tombol "Commit changes".
Setelah proses selesai, Anda akan melihat bahwa semua file sudah berhasil terupload ke repository Anda.
Nah, itu dia cara membuat repository dan upload kode ke GitHub secara manual tanpa menggunakan Git Bash. Sangat mudah bukan? Anda tidak perlu mengetik perintah rumit, cukup drag-and-drop saja.
Untuk langkah selanjutnya, tinggal melakukan hosting kode yang sudah di-upload tersebut ke Vercel. Saya juga sudah membuat tutorialnya, silakan baca di artikel berikut: Cara Hosting Website Gratis di Vercel.
Jika Anda masih kurang paham dengan tutorial versi artikel ini, Anda juga bisa menonton versi videonya melalui link berikut: Cara Buat Repository dan Upload Kode di GitHub.
Terima kasih!