Membuat forum dengan firebase

Penasaran gimana cara membuat forum sederhana di firebase? kita akan belajar menggunakan database firestore, login dengan social media, pagination dan trik trik firebase lainnya!

Update kelas terakhir : 6 tahun yang lalu

intro forum firebase

Trailer membuat forum di firebase dengan menggunakan firestore

persiapan firebase

Mempersiapkan project firebase untuk tutorial membuat forum ini

intro firestore

Perkenalan firestore, sistem database baru dari firebase selain realtime database yang sebelumnya sudah ada

perisapan backend cloud function

mempersiapkan sistem backend cloud function yang akan kita gunakan. Menginstall express handlebar dan consolidate

login dengan gmail

Bagaimana cara register atau login dengan gmail di firebase

login dengan facebook

Bagaimana cara register atau login dengan facebook di firebase

login dengan twitter

Bagaimana cara register atau login dengan twitter di firebase

mengambil email user pada twitter

Kita sudah berhasil register dengan twitter, tapi belum mendapatkan email usernya, bagaimana ya caranya?

menyimpan user di database

Menyimpan data-data user yang kita dapatkan dari facebook, twitter dan gmail di database firestore

membuat forum

Mulai membuat forum di aplikasi firebase yang sudah kita siapkan!

menyisipkan data user di forum

Menyisipkan data user di dalam database forum sebagai subcollection

setup firebase admin di nodejs

Untuk mengakses database firestore dari sisi admin firebase di nodejs, kita perlu menginstall beberapa hal sebelumnya

single forum

Mempersiapkan halaman single dari forum, link akan menggunakan slug yang sudah disiapkan

menguji pemilik forum

Di sisi frontend bebera hal seperti tombol edit tidak boleh kita tampilkan ke semua user kecuali pemilik dari forum ini, bagaimana caranya?

memunculkan form edit

Menampilkan form edit untuk forum

update data baru

Mengupdate data yang sudah diedit oleh user untuk forum

membuat komentar baru

Membuat komentari di setiap halaman forum

menampilkan subcollection firestore

Menampilkan subcollection dari database firestore di forum ini

tombol edit pemilik komentar

Menampilkan tombol edit hanya untuk pemilik komentar ketika sudah sign in

menampilkan form edit reply

Menampilkan form edit balasan komentar di forum ini

mengupdate komentar

Update komentar di database firestore setelah user selesai mengeditnya

refactor pertama

Sudah cukup banyak kode yang kita tulis! saatnya refactor untuk merapikan kode kita agar lebih bersih!

toggle tombol login dan logout

Toggle (menyembunyikan dan menampilkan) tombol login dan logout sesuai dengan kondisi user yang sedang sign in atau tidak

pagination di firestore

Pagination di firestore cukup unik! kita lihat cara menampilkan post sebelumnya di forum

penutup firebase forum

Itu dia cara membuat forum sederhana dengan firebase dan database terbarunya firestore! jangan berhenti disini!

Daftar Video

Chapter: Intro dan setup