Building Serverless Web Apps with Firebase

My slides for my talk at Devfest Port Harcourt 2019

In this talk, I gave a quick overview of the Firebase platform and how it can be used to build serverless web applications. The talk covers authentication, database, hosting and cloud functions.

I built a demo app that contains each of these features in a week!

Transcript

2. How to Build Serverless Web Apps with Firebase - Kelvin Gobo @slightlynerd
3. A Little About Me • Kelvin Gobo • Frontend Developer @Appyclan Technologies • Mentor @ALC @DSCUniport
4. “Firebase is mobile and web development platform that helps you quickly develop high-quality apps and grow your business”
5. Is a good fit if you want: - Spend more time on business logic, less on overhead - Deliver value on time - Do more faster, easier
6. A conference web application with: - Authentication - Push notifications - Live feeds - Gallery All built in a week! Meet Confer
7. How is this possible?
9. Hosting Authentication Storage Serverless
10. Authentication - User Identity - Store user records - Personalization - Premium services
11. URL: console.firebase.google.com
12. URL: console.firebase.google.com
13. URL: console.firebase.google.com
14. URL: console.firebase.google.com
15. URL: console.firebase.google.com
16. URL: console.firebase.google.com
17. • Add firebase to React App
18. • Authenticate users with firebaseui
19. • Authenticate users with firebaseui
20. • Authenticate users with firebaseui
21. Hosting - Show your site to the world - Build your brand - Provide a service
22. URL: console.firebase.google.com
23. URL: console.firebase.google.com
24. URL: console.firebase.google.com
25. URL: console.firebase.google.com
26. Storage - Store media assets - Save user uploads like photos and videos
27. URL: console.firebase.google.com
28. URL: console.firebase.google.com
29. URL: console.firebase.google.com
30. • Add firebase storage to React App
31. • Add firebase storage to React App
32. Truly Serverless
33. • Add firebase cloud functions
34. • Add firebase cloud functions - functions/index.js
35. URL: console.firebase.google.com
36. • Add firebase cloud functions - src/pages/Feeds.js
37. • Add firebase cloud functions - src/pages/Feeds.js
38. THANK YOU! Kelvin Gobo @slightlynerd www.slightlynerd.com