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

Full-Stack Development with FlutterFire

Avatar for Kajornsak Peerapathananont Kajornsak Peerapathananont
April 01, 2023
0
6

Full-Stack Development with FlutterFire

Firebase Dev Day 2023

Avatar for Kajornsak Peerapathananont

Kajornsak Peerapathananont

April 01, 2023
Tweet

More Decks by Kajornsak Peerapathananont

See All by Kajornsak Peerapathananont
How to build native-experience with cross-platform
Avatar for Kajornsak Peerapathananont kajornsakp
0
10
Understanding your Android build
Avatar for Kajornsak Peerapathananont kajornsakp
0
42
iOSDevTH #21
Avatar for Kajornsak Peerapathananont kajornsakp
0
51
What's new in Flutter (Google I/O Extended Bangkok 22)
Avatar for Kajornsak Peerapathananont kajornsakp
0
79
Mobile Design System at scale
Avatar for Kajornsak Peerapathananont kajornsakp
0
140
What's new in Flutter 2020
Avatar for Kajornsak Peerapathananont kajornsakp
0
72
Mobile Machine Learning for All Skill Levels
Avatar for Kajornsak Peerapathananont kajornsakp
0
39
What's new in Flutter 1.9
Avatar for Kajornsak Peerapathananont kajornsakp
0
58
Kotlin meets Web
Avatar for Kajornsak Peerapathananont kajornsakp
0
25

Featured

See All Featured
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
96
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
440
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
160
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
49
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

Transcript

  1. Full-Stack Development with FlutterFire Senior Software Engineer at Agoda Kajornsak

    Peerapathananont Firebase Dev Day 2023 GDG Bangkok Firebase Thailand Organized by

  2. Full-stack development

  3. #FirebaseDevDay2023 iOS App API Android App Web App Database BE

    & Infrastructure FE

  4. Flutter

  5. #FirebaseDevDay2023 iOS App Android App Web App FE

  6. #FirebaseDevDay2023 API Database BE & Infrastructure

  7. Firebase

  8. #FirebaseDevDay2023 Build Release & Monitor Engage

  9. #FirebaseDevDay2023

  10. #FirebaseDevDay2023 API Database BE & Infrastructure

  11. Google I/O 2022

  12. None
  13. None

  14. #FirebaseDevDay2023

  15. #FirebaseDevDay2023

  16. #FirebaseDevDay2023

  17. #FirebaseDevDay2023 Flutter app Flutter plugin Platform interface iOS specific Android

    specific Web specific

  18. Just a wrapper?

  19. #FirebaseDevDay2023

  20. How to create an application?

  21. #FirebaseDevDay2023

  22. #FirebaseDevDay2023

  23. #FirebaseDevDay2023 How to use FlutterFire $ firebase login $ dart

    pub global activate flutterfire_cli $ flutterfire configure

  24. #FirebaseDevDay2023

  25. #FirebaseDevDay2023

  26. #FirebaseDevDay2023

  27. #FirebaseDevDay2023 How to use FlutterFire $ flutter pub add firebase_core

    $ flutterfire configure $ flutter pub add [plugin_name] $ flutterfire configure

  28. Life is not always easy

  29. #FirebaseDevDay2023 download interpret

  30. Example

  31. #FirebaseDevDay2023 Super simple application - 3 platforms - iOS, Android,

    Web - APIs - CRUD - Social login - Database - NoSQL - real-time synchronization - Infrastructure - Load balancing - Multi-DC support

  32. #FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure

    FE

  33. #FirebaseDevDay2023 Flutter App Firebase

  34. #FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure

    FE

  35. #FirebaseDevDay2023

  36. #FirebaseDevDay2023

  37. #FirebaseDevDay2023

  38. Tips

  39. #FirebaseDevDay2023 - Check your requirements - Find suitable Firebase products

    - Check FlutterFire compatibility - Platform availability

  40. Summary

  41. #FirebaseDevDay2023 - Use Firebase to makes your life easier -

    No need to take care of infra things - Focus on business logic & UI - Write once, run anywhere** - Use Flutter and enjoy