Cara Upload File ke GitHub dengan Drag and Drop

 

GitHub merupakan platform berbasis web yang banyak digunakan untuk menyimpan, mengelola, dan mengembangkan proyek perangkat lunak. GitHub juga menyediakan sistem version control berbasis Git yang memungkinkan pengguna melacak perubahan kode, bekerja secara kolaboratif, serta menyimpan proyek dalam sebuah repository.

Apa Itu Repository?

Repository (repo) adalah tempat penyimpanan proyek di GitHub. Di dalam repository, pengguna dapat menyimpan berbagai jenis file, seperti:

• Source code HTML, CSS, JavaScript, PHP, dan bahasa pemrograman lainnya.
• File gambar dan multimedia.
• Dokumen proyek.
• File konfigurasi.
• Struktur folder proyek website.

Secara sederhana, repository dapat dianalogikan sebagai gudang digital untuk menyimpan seluruh file yang berkaitan dengan sebuah proyek.

Pada tutorial ini, kita akan mempraktikkan cara mengunggah file ke GitHub menggunakan metode drag and drop. Sebagai contoh, file yang diunggah adalah proyek website statis berbasis Bootstrap yang sebelumnya telah dibuat dan diedit.

Baca juga laman Cara Buat Web Statis dengan Bootstrap

Langkah-Langkah Upload File ke GitHub

Ikuti langkah demi langkah berikut ini untuk upload file ke GitHub:

1. Membuat Akun GitHub

Jika belum memiliki akun, buka situs resmi GitHub dan lakukan pendaftaran pada link  https://github.com/

Jika sudah memiliki akun, lakukan Login menggunakan akun GitHub Anda.

2. Membuat Repository Baru

Bila sudah, selanjutnya log in dan mulai membuat repository

Setelah berhasil masuk ke GitHub, buat sebuah repository baru untuk menyimpan proyek.

Saat membuat repository, tentukan beberapa informasi penting, seperti:

• Repository name: nama repository.
• Description: keterangan singkat tentang proyek, jika diperlukan.
• Public atau Private: tentukan apakah repository ingin dapat dilihat oleh publik atau hanya oleh pengguna tertentu.
• Opsi Add a README file dapat dipilih jika ingin membuat file README secara otomatis.

Setelah semua pengaturan sesuai, klik Create repository.

3. Memilih Menu Upload Files

Setelah repository berhasil dibuat, buka halaman utama repository.

Pilih ADD. lalu UPLOAD FILES

Catatan: Tampilan antarmuka GitHub dapat berubah dari waktu ke waktu. Nama menu pada versi terbaru mungkin sedikit berbeda, tetapi fungsi untuk mengunggah file tetap tersedia pada halaman repository

4. Drag and Drop file yang kamu inginkan. 

Setelah halaman Upload files terbuka, siapkan file atau folder proyek yang ingin diunggah.

Anda dapat menggunakan metode drag and drop. Jika proyek terdiri atas beberapa file, Anda dapat memilih dan mengunggah beberapa file sekaligus.

5. Jika telah di upload semua, hasilnya seperti ini:

Setelah proses upload selesai, periksa kembali daftar file yang akan dimasukkan ke repository.

Pastikan file penting untuk website sudah tersedia, misalnya:

index.html
css/
js/
images/
assets/

Untuk website statis, file index.html biasanya menjadi halaman utama yang akan ditampilkan ketika website dibuka.

6. Menyimpan Perubahan dengan Commit

Setelah semua file siap, gulir ke bagian bawah halaman , pilih commit changes untuk di simpan.

7. Memeriksa Hasil Upload

Hasil web statis https://abdumar.github.io/, setelah di refresh.

Sekian tutorialnya. Bila anda masih bingung, isi kolom komentar dibawah ini.

Tips Agar Upload Website Berhasil

Sebelum melakukan upload, perhatikan beberapa hal berikut:

1. Pastikan file utama website bernama index.html jika ingin digunakan sebagai halaman utama.
2. Periksa kembali struktur folder dan file.
3. Pastikan nama file dan folder sesuai dengan pemanggilan pada kode HTML, CSS, atau JavaScript.
4. Hindari penggunaan nama file yang membingungkan atau tidak konsisten.
5. Perhatikan penggunaan huruf besar dan kecil pada nama file karena GitHub Pages menggunakan lingkungan yang case-sensitive.
6. Jangan lupa melakukan commit changes setelah mengunggah file.
7. Jika menggunakan GitHub Pages, pastikan fitur Pages sudah dikonfigurasi pada repository.