Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Serverless Web Apps with Firebase

Avatar for Kelvin Gobo Kelvin Gobo
November 16, 2019
Programming
0
100

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!

Avatar for Kelvin Gobo

Kelvin Gobo

November 16, 2019
Tweet

More Decks by Kelvin Gobo

See All by Kelvin Gobo
How to Build A Startup in Africa: Lessons from the 2024 Startup Graveyard Report
Avatar for Kelvin Gobo kelvingobo
0
6
Landing Remote Jobs Through The Art of Storytelling | DevFest Uyo 2023
Avatar for Kelvin Gobo kelvingobo
1
56
What it means to be a Frontend Engineer in 2021
Avatar for Kelvin Gobo kelvingobo
0
49
Building Trust in Remote Teams
Avatar for Kelvin Gobo kelvingobo
0
59
A Place for Everyone in Tech
Avatar for Kelvin Gobo kelvingobo
0
42
Responsive Web Design
Avatar for Kelvin Gobo kelvingobo
0
73
Building Progressive Web Apps with Polymer
Avatar for Kelvin Gobo kelvingobo
0
220
Intro to firebase for the web 2017: Firebase Hosting
Avatar for Kelvin Gobo kelvingobo
0
75

Other Decks in Programming

See All in Programming
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
680
はじめてのカスタムエージェント【GitHub Copilot Agent Mode編】
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
130
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
140
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
300
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
470
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
220
2年のAppleウォレットパス開発の振り返り
Avatar for muno92 muno92
PRO
0
130
チームをチームにするEM
Avatar for hitode909 hitode909
0
420
複雑なUI設計への銀の弾丸 「オブジェクト指向UIデザイン」
Avatar for teamLab teamlab
PRO
2
110
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
Avatar for Suhyeon Kim wisemuji
0
180
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
320

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
130
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
140
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
170
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
650
Crafting Experiences
Avatar for Bethany Jepchumba bethany
0
24
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
286
14k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
210
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
200

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