MyClass - Firebase Studio

Ini adalah aplikasi Next.js yang dibuat di Firebase Studio.

Mencadangkan Proyek Anda (Backup)

Ada dua jenis backup yang perlu Anda ketahui:

1. Backup Kode Aplikasi (File & Folder)

Cara terbaik untuk mencadangkan kode Anda adalah dengan menyimpannya di repositori GitHub. Ini akan menyimpan seluruh struktur proyek, semua file, dan semua folder.

Ikuti langkah-langkah di bawah ini untuk mendorong kode Anda ke GitHub.

2. Backup Data Pengguna (Input di Aplikasi)

Data yang Anda masukkan ke dalam aplikasi (seperti daftar siswa, kelas baru, nilai, dll.) saat ini disimpan di localStorage browser. Data ini TIDAK ikut ter-backup ke GitHub.

Untuk mencadangkannya secara manual:

1. Buka "Developer Tools" di browser Anda (klik kanan > Inspect).
2. Pergi ke tab "Application".
3. Di menu kiri, buka "Storage" > "Local Storage".
4. Klik pada setiap item (misal: schoollogix_classes) dan salin isinya secara manual ke file teks di komputer Anda.

Catatan: Untuk aplikasi nyata, localStorage akan digantikan oleh database online (seperti Firebase Firestore) yang menangani penyimpanan data secara otomatis dan aman.

---

Mendorong Kode ke GitHub (Menghubungkan Aplikasi ke GitHub)

Untuk menyimpan dan mem-backup pekerjaan Anda ke GitHub, ikuti langkah-langkah berikut di terminal Anda. Ini akan mengunggah kode dari proyek ini ke repositori GitHub Anda.

1. Inisialisasi Repositori Git

Jika Anda belum melakukannya, inisialisasi repositori Git di direktori proyek Anda dan buat commit awal. Perintah ini dijalankan di terminal di dalam folder proyek Anda.

# Inisialisasi Git dan ganti nama branch default menjadi 'main'
git init -b main

# Tambahkan semua file untuk dilacak oleh Git
git add .

# Buat commit pertama Anda (simpan snapshot dari kode)
git commit -m "Initial commit"

2. Hubungkan dan Dorong ke GitHub

Hubungkan repositori lokal Anda ke repositori jarak jauh di GitHub dan dorong kode Anda. Pastikan untuk mengganti dedi-ss/myclass-app.git dengan URL repositori Anda jika berbeda.

# Tambahkan remote origin (URL repositori GitHub Anda)
git remote add origin https://github.com/dedi-ss/myclass-app.git

# Dorong (unggah) kode Anda ke branch 'main' di GitHub
git push -u origin main

Setelah ini, setiap kali Anda membuat perubahan, Anda dapat menyimpannya dengan menjalankan git add ., git commit -m "Pesan commit Anda", dan git push.

Troubleshooting: Error "Repository not found" saat push

Jika Anda mendapatkan error fatal: repository '... not found' saat menjalankan git push, ini hampir selalu berarti ada masalah otentikasi, bukan karena URL Anda salah.

Solusi: Anda harus menggunakan Personal Access Token (PAT) sebagai ganti password Anda.

1. Buat PAT di GitHub:

   • Pergi ke Settings > Developer settings > Personal access tokens > Tokens (classic) di akun GitHub Anda.
   • Klik Generate new token (classic).
   • Beri nama token, atur tanggal kedaluwarsa, dan yang paling penting, centang scope repo.
   • Klik Generate token dan salin token tersebut. Anda hanya bisa melihatnya sekali.

2. Gunakan PAT sebagai Password:

   • Jalankan kembali perintah git push.
   • Saat terminal meminta username dan password:
     • Username: Masukkan username GitHub Anda (misal: dedi-ss).
     • Password: Tempelkan (paste) Personal Access Token yang baru saja Anda salin.

Men-deploy ke Vercel

Anda dapat dengan mudah men-deploy aplikasi Next.js ini ke Vercel, platform dari para pembuat Next.js. Vercel dioptimalkan untuk proyek Next.js dan menyediakan pengalaman deployment yang mulus.

Setelah kode Anda ada di GitHub, ikuti langkah-langkah berikut:

1. Impor Proyek Anda di Vercel:

   • Login ke akun Vercel Anda.
   • Dari dasbor Anda, klik tombol "Add New..." dan pilih "Project".
   • Temukan repositori myclass-app Anda dan klik tombol "Import".

2. Konfigurasi dan Deploy:

   • Vercel akan secara otomatis mendeteksi bahwa Anda menggunakan Next.js. Anda biasanya tidak perlu mengubah pengaturan build.
   • Tambahkan variabel lingkungan (jika ada) di bagian "Environment Variables".
   • Klik tombol "Deploy".