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!

Poin: 250 EXP

❱ Intro dan setup

intro forum firebase persiapan firebase locked icon intro firestore locked icon perisapan backend cloud function locked icon

❱ Sistem Authentikasi

login dengan gmail locked icon login dengan facebook locked icon login dengan twitter locked icon mengambil email user pada twitter locked icon menyimpan user di database locked icon

❱ Membuat Forum

membuat forum locked icon menyisipkan data user di forum locked icon setup firebase admin di nodejs locked icon

❱ Halaman single forum

single forum locked icon menguji pemilik forum locked icon memunculkan form edit locked icon update data baru locked icon

❱ Sistem komentar Forum

membuat komentar baru locked icon menampilkan subcollection firestore locked icon tombol edit pemilik komentar locked icon menampilkan form edit reply locked icon mengupdate komentar locked icon

❱ Merapikan kode

refactor pertama locked icon toggle tombol login dan logout locked icon pagination di firestore locked icon penutup firebase forum locked icon download icon

Detail Kelas

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!


Membuat forum dengan firebase

time icon 7 bulan yang lalu
level icon Sulit