Building Serverless Web Apps with Firebase

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!

F95fe2cd54f59ca0453914b9f2ae7233?s=128

Kelvin Gobo

November 16, 2019
Tweet

Transcript

  1. None
  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?

  8. None
  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