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

Full-Stack Development with FlutterFire

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Firebase Thailand Firebase Thailand
April 01, 2023
Technology
200
0

Full-Stack Development with FlutterFire

พัฒนาแอปพลิเคชั่นในทุกแพลตฟอร์มด้วย Flutter แบบครบจบในตัวควบคู่กับ Firebase

Avatar for Firebase Thailand

Firebase Thailand

April 01, 2023

More Decks by Firebase Thailand

See All by Firebase Thailand
Turn your ideas into real apps with Google AI Studio and Firebase
Avatar for Firebase Thailand firebasethailand
0
12
From Live Coding to Vibe Coding with Firebase Studio
Avatar for Firebase Thailand firebasethailand
1
730
What's New in Firebase 2024
Avatar for Firebase Thailand firebasethailand
1
270
Adding New Capabilities to Your Apps with Firebase and Gemini API
Avatar for Firebase Thailand firebasethailand
1
280
Say Hello to Cloud Functions for Firebase 2nd Gen
Avatar for Firebase Thailand firebasethailand
1
490
What's New in Firebase 2023
Avatar for Firebase Thailand firebasethailand
3
620
Building a more Efficient Firestore Web App
Avatar for Firebase Thailand firebasethailand
1
220
Developing with Firebase - Best Practices
Avatar for Firebase Thailand firebasethailand
0
220
Analyze your production issue on Firebase Crashlytics more efficient with BigQuery
Avatar for Firebase Thailand firebasethailand
0
460

Other Decks in Technology

See All in Technology
CloudSec JP #005 後締め ～ソフトウェアサプライチェーン攻撃から開発者のシークレットを守る～
Avatar for LHazy lhazy
0
180
Proxmox超入門
Avatar for とことんDevOps devops_vtj
0
200
Azure Static Web Apps の自動ビルドがタイムアウトしやすくなった状況に対応した件/global-azure2026
Avatar for TonyTonyKun thara0402
0
190
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.2k
Discordでリモートポケカしてたら、なぜかDOを25分間動かせるようになった話
Avatar for Kaito Udagawa umireon
0
130
【Findy FDE登壇_2026_04_14】— 現場課題を本気で解いてたら、FDEになってた話
Avatar for Koji Miyata miyatakoji
0
1.1k
聞き手の目線で考えるプロポーザル
Avatar for Takepepe takefumiyoshii
0
380
え！？初参加で 300冊以上 も頒布！？ これは大成功！そのはずなのに わいの財布は 赤字 の件
Avatar for hellohazime hellohazime
0
140
Databricksで構築するログ検索基盤とアーキテクチャ設計
Avatar for サイバーセキュリティクラウド cscengineer
0
180
幾億の壁を超えて/Beyond Countless Walls(JP)
Avatar for 小田中育生 ikuodanaka
0
120
新規サービス開発におけるReact Nativeのリアル〜技術選定の裏側と実践的OSS活用〜
Avatar for Takahiro Kato grandbig
2
190
BigQuery × dbtでコスト削減した話
Avatar for 株式会社ライトコード rightcode
0
130

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
330
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.7k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
310
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
140
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
320

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