Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Full-Stack Development with FlutterFire
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Firebase Thailand
April 01, 2023
Technology
210
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Full-Stack Development with FlutterFire
พัฒนาแอปพลิเคชั่นในทุกแพลตฟอร์มด้วย Flutter แบบครบจบในตัวควบคู่กับ Firebase
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
firebasethailand
0
53
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
850
What's New in Firebase 2024
firebasethailand
1
280
Adding New Capabilities to Your Apps with Firebase and Gemini API
firebasethailand
1
310
Say Hello to Cloud Functions for Firebase 2nd Gen
firebasethailand
1
510
What's New in Firebase 2023
firebasethailand
3
630
Building a more Efficient Firestore Web App
firebasethailand
1
260
Developing with Firebase - Best Practices
firebasethailand
0
230
Analyze your production issue on Firebase Crashlytics more efficient with BigQuery
firebasethailand
0
480
Other Decks in Technology
See All in Technology
LangfuseによるLLMOps基盤の構築と活用事例
zozotech
PRO
1
190
PLaMoを毎日の開発で使い育てていく
pfn
PRO
0
150
AI研修(Day1)【MIXI 26新卒技術研修】
mixi_engineers
PRO
2
2.9k
歴史から理解するクラウドインフラのしくみ
kizawa2020
0
190
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
BigQuery を検索ソースとした AI Agent の作り方って 〇〇 通りあんねん
satohjohn
0
140
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
140
AIがAPIを書く時代に、私たちは何を設計すべきか
nagix
0
170
Retriever と Reranker、結局どうする?
kazuaki
1
520
AIツールを導入しても生産性はあがらない? カオナビが直面した 3つの壁と乗り越え方。/ Overcoming 3 Barriers to AI-Driven Productivity at kaonavi
kaonavi
0
480
論語・武士道・産業革命から見る かわるもの、かわらないもの
ichimichi
8
1.9k
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
200
Featured
See All Featured
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.7k
HDC tutorial
michielstock
2
760
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
Producing Creativity
orderedlist
PRO
348
40k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
Context Engineering - Making Every Token Count
addyosmani
9
1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
550
Navigating Team Friction
lara
192
16k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
470
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Darren the Foodie - Storyboard
khoart
PRO
3
3.5k
Transcript
Full-Stack Development with FlutterFire Senior Software Engineer at Agoda Kajornsak
Peerapathananont Firebase Dev Day 2023 GDG Bangkok Firebase Thailand Organized by
Full-stack development
#FirebaseDevDay2023 iOS App API Android App Web App Database BE
& Infrastructure FE
Flutter
#FirebaseDevDay2023 iOS App Android App Web App FE
#FirebaseDevDay2023 API Database BE & Infrastructure
Firebase
#FirebaseDevDay2023 Build Release & Monitor Engage
#FirebaseDevDay2023
#FirebaseDevDay2023 API Database BE & Infrastructure
Google I/O 2022
None
None
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023 Flutter app Flutter plugin Platform interface iOS specific Android
specific Web specific
Just a wrapper?
#FirebaseDevDay2023
How to create an application?
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023 How to use FlutterFire $ firebase login $ dart
pub global activate flutterfire_cli $ flutterfire configure
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023 How to use FlutterFire $ flutter pub add firebase_core
$ flutterfire configure $ flutter pub add [plugin_name] $ flutterfire configure
Life is not always easy
#FirebaseDevDay2023 download interpret
Example
#FirebaseDevDay2023 Super simple application - 3 platforms - iOS, Android,
Web - APIs - CRUD - Social login - Database - NoSQL - real-time synchronization - Infrastructure - Load balancing - Multi-DC support
#FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure
FE
#FirebaseDevDay2023 Flutter App Firebase
#FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure
FE
#FirebaseDevDay2023
#FirebaseDevDay2023
#FirebaseDevDay2023
Tips
#FirebaseDevDay2023 - Check your requirements - Find suitable Firebase products
- Check FlutterFire compatibility - Platform availability
Summary
#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