Skip to content Skip to sidebar Skip to footer

Panduan Deploy KasMasjid ke Vercel

Panduan Deploy KasMasjid ke Vercel

Vercel merupakan platform hosting modern yang memudahkan proses deployment aplikasi berbasis React, Next.js, maupun Vite. Pada panduan ini, Anda akan mempelajari cara melakukan deployment KasMasjid hingga aplikasi dapat diakses melalui internet.

Catatan:
Panduan ini ditujukan bagi pengguna yang memilih Deployment Mandiri. Jika menginginkan bantuan implementasi, tersedia layanan Pendampingan Deployment dan KasMasjid Membership.

Persyaratan

  • Laptop atau komputer.
  • Akun Google.
  • Akun GitHub.
  • Akun Vercel (Gratis).
  • Koneksi internet.

Langkah 1 — Membuat Akun Vercel

Apabila belum memiliki akun Vercel, buat terlebih dahulu menggunakan akun Google atau GitHub.

Setelah berhasil masuk, Anda akan diarahkan ke Dashboard Vercel.


Langkah 2 — Menghubungkan GitHub

KasMasjid di-deploy melalui repository GitHub.

Hubungkan akun GitHub Anda ke Vercel sehingga Vercel dapat membaca source code aplikasi.


Langkah 3 — Import Project

Pada Dashboard Vercel pilih:

  1. Add New
  2. Project
  3. Import Git Repository

Pilih repository KasMasjid yang akan di-deploy.


Langkah 4 — Konfigurasi Environment Variable

Apabila aplikasi menggunakan layanan Google atau layanan lainnya, tambahkan Environment Variables sesuai petunjuk implementasi.

Jangan menyimpan data rahasia secara langsung di source code.


Langkah 5 — Deploy

Klik tombol Deploy.

Vercel akan melakukan proses build secara otomatis.

Apabila tidak ditemukan kesalahan, aplikasi akan memperoleh URL publik.


Langkah 6 — Login ke KasMasjid

Buka alamat aplikasi yang telah diberikan Vercel.

Masuk menggunakan akun Google Administrator Masjid.

Jika organisasi belum terdaftar, sistem akan menampilkan proses onboarding.


Langkah 7 — Hubungkan Google Sheets

KasMasjid menggunakan Google Sheets sebagai basis data.

Ikuti panduan berikut untuk membuat dan menghubungkan Spreadsheet baru khusus masjid Anda.

Panduan Menghubungkan Google Sheets


Langkah 8 — Konfigurasi Awal

Setelah deployment selesai, lengkapi informasi berikut:

  • Nama Masjid
  • Logo Masjid
  • Alamat
  • Nomor WhatsApp
  • Profil Singkat
  • Pengurus
  • Kategori Arus Kas

Langkah 9 — Mulai Menggunakan KasMasjid

Setelah konfigurasi selesai, aplikasi siap digunakan untuk:

  • Mencatat pemasukan.
  • Mencatat pengeluaran.
  • Mengelola inventaris.
  • Membuat pengumuman.
  • Menyusun laporan.

Apabila Deployment Gagal

Beberapa penyebab yang umum terjadi:

  • Repository belum terhubung.
  • Environment Variable belum lengkap.
  • Konfigurasi Google belum benar.
  • Google Sheets belum dibagikan ke Service Account.

Periksa kembali setiap langkah sebelum melakukan deployment ulang.


Butuh Bantuan?

Jika proses deployment dirasa terlalu teknis, Anda tidak harus melakukannya sendiri.

KasMasjid menyediakan dua pilihan layanan:

  1. Pendampingan Deployment
    Kami mendampingi proses implementasi melalui remote hingga aplikasi siap digunakan.
  2. KasMasjid Membership
    Kami mengelola hosting, pembaruan aplikasi, backup, dan pemeliharaan sistem sehingga pengurus cukup fokus menggunakan aplikasi.

Kesimpulan

Deployment mandiri memberikan keleluasaan bagi pengurus masjid yang ingin mengelola aplikasi secara mandiri. Dengan mengikuti panduan ini secara bertahap, KasMasjid dapat di-deploy dan digunakan sebagai sistem administrasi dan keuangan masjid.

Apabila membutuhkan bantuan, jangan ragu memilih layanan Pendampingan Deployment atau KasMasjid Membership agar proses implementasi menjadi lebih mudah.

Post a Comment for "Panduan Deploy KasMasjid ke Vercel"

Solusi Transparansi Keuangan Sekolah

Kelola Tabungan Siswa dan Sistem Informasi Keuangan Sekolah secara digital. Pantau semua arus kas secara real-time melalui e-kas.web.id.

Coba Demo Gratis