Full-Stack Development with FlutterFire

Slide 1

Slide 1 text

Full-Stack Development with FlutterFire Senior Software Engineer at Agoda Kajornsak Peerapathananont Firebase Dev Day 2023 GDG Bangkok Firebase Thailand Organized by

Slide 2

Slide 2 text

Full-stack development

Slide 3

Slide 3 text

#FirebaseDevDay2023 iOS App API Android App Web App Database BE & Infrastructure FE

Slide 4

Slide 4 text

Flutter

Slide 5

Slide 5 text

#FirebaseDevDay2023 iOS App Android App Web App FE

Slide 6

Slide 6 text

#FirebaseDevDay2023 API Database BE & Infrastructure

Slide 7

Slide 7 text

Firebase

Slide 8

Slide 8 text

#FirebaseDevDay2023 Build Release & Monitor Engage

Slide 9

Slide 9 text

#FirebaseDevDay2023

Slide 10

Slide 10 text

#FirebaseDevDay2023 API Database BE & Infrastructure

Slide 11

Slide 11 text

Google I/O 2022

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

#FirebaseDevDay2023

Slide 15

Slide 15 text

#FirebaseDevDay2023

Slide 16

Slide 16 text

#FirebaseDevDay2023

Slide 17

Slide 17 text

#FirebaseDevDay2023 Flutter app Flutter plugin Platform interface iOS specific Android specific Web specific

Slide 18

Slide 18 text

Just a wrapper?

Slide 19

Slide 19 text

#FirebaseDevDay2023

Slide 20

Slide 20 text

How to create an application?

Slide 21

Slide 21 text

#FirebaseDevDay2023

Slide 22

Slide 22 text

#FirebaseDevDay2023

Slide 23

Slide 23 text

#FirebaseDevDay2023 How to use FlutterFire $ firebase login $ dart pub global activate flutterfire_cli $ flutterfire configure

Slide 24

Slide 24 text

#FirebaseDevDay2023

Slide 25

Slide 25 text

#FirebaseDevDay2023

Slide 26

Slide 26 text

#FirebaseDevDay2023

Slide 27

Slide 27 text

#FirebaseDevDay2023 How to use FlutterFire $ flutter pub add firebase_core $ flutterfire configure $ flutter pub add [plugin_name] $ flutterfire configure

Slide 28

Slide 28 text

Life is not always easy

Slide 29

Slide 29 text

#FirebaseDevDay2023 download interpret

Slide 30

Slide 30 text

Example

Slide 31

Slide 31 text

#FirebaseDevDay2023 Super simple application - 3 platforms - iOS, Android, Web - APIs - CRUD - Social login - Database - NoSQL - real-time synchronization - Infrastructure - Load balancing - Multi-DC support

Slide 32

Slide 32 text

#FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure FE

Slide 33

Slide 33 text

#FirebaseDevDay2023 Flutter App Firebase

Slide 34

Slide 34 text

#FirebaseDevDay2023 iOS App API Android App Web App Database Infrastructure FE

Slide 35

Slide 35 text

#FirebaseDevDay2023

Slide 36

Slide 36 text

#FirebaseDevDay2023

Slide 37

Slide 37 text

#FirebaseDevDay2023

Slide 38

Slide 38 text

Tips

Slide 39

Slide 39 text

#FirebaseDevDay2023 - Check your requirements - Find suitable Firebase products - Check FlutterFire compatibility - Platform availability

Slide 40

Slide 40 text

Summary

Slide 41

Slide 41 text

#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