Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Fluttercon 2023 - Flutter Talk

Avatar for Muhammed Salih Güler Muhammed Salih Güler
July 05, 2023
Technology
560
0

Fluttercon 2023 - Flutter Talk

Avatar for Muhammed Salih Güler

Muhammed Salih Güler

July 05, 2023

More Decks by Muhammed Salih Güler

See All by Muhammed Salih Güler
AWS Summit Stockholm - Amplify Studio
Avatar for Muhammed Salih Güler salihgueler
0
100
Serverlabs Flutter Talk
Avatar for Muhammed Salih Güler salihgueler
0
95
What is AWS Amplify - KotlinConf
Avatar for Muhammed Salih Güler salihgueler
0
130
Underengineering Contents: Creating Content For Everyone
Avatar for Muhammed Salih Güler salihgueler
0
70
How to prepare a proposal to conferences?
Avatar for Muhammed Salih Güler salihgueler
1
130
Flutter Study Jam Hannover
Avatar for Muhammed Salih Güler salihgueler
0
65
Write your first Flutter application
Avatar for Muhammed Salih Güler salihgueler
0
97
Mastering the Theming in Flutter
Avatar for Muhammed Salih Güler salihgueler
0
94
What's new for Flutter at I/O 2019
Avatar for Muhammed Salih Güler salihgueler
0
68

Other Decks in Technology

See All in Technology
アウトプット初心者、半年間のふりかえり
Avatar for aoi 4o1sobblue
0
190
自分で立ててみるLLMサービス
Avatar for 世良泰明 y_sera15
0
160
FOSS4Gを活用した自治体業務DXの試み
Avatar for keikatsu 470715
0
150
SREでアラート疲れを 解決しよう！
Avatar for KairiM kairim0
1
230
今さら理解するウェブフォントver.2026
Avatar for takanorip takanorip
3
690
【Data Engineering Summit2026_登壇資料】医療ビッグデータ×AIエージェントを支えるデータ基盤とハーネスエンジニアリング
Avatar for JMDC.Inc 登壇資料 jmdc_presentation
0
140
ソフトウェア ファクトリー - 再現性のあるソフトウェアの工場づくり / Software factory
Avatar for Takahiro Ikeuchi iktakahiro
2
860
Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
Avatar for Shoichi Ochi occhi
0
170
go-sqletch
Avatar for moznion moznion
0
140
自主式軟體工廠
Avatar for philipz philipz
0
260
UniFi（ユニファイ）AIカメラの現場活用
Avatar for ludicmind ludicmind
1
420
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
Avatar for Yoshiaki Yoshida kakakakakku
1
420

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
490
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
550
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
10k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
940
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
360
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
58k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k

Transcript

  1. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Building feature rich Flutter applications with AWS Amplify Muhammed Salih Güler (he/him) Senior Developer Advocate AWS F L U T T E R C O N 2 0 2 3

  2. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. I am Salih Working for AWS focused on AWS Amplify Based in Berlin Flutter and Dart GDE Have been doing Flutter apps since 2017 2

  3. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 3 What is Flutter?

  4. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 4 Just kidding :D

  5. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Agenda Ideas and Problems AWS Amplify AWS Amplify Flutter Libraries Seeing AWS Amplify with Flutter in Action 5

  6. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 6

  7. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 7

  8. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 8

  9. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 9 AWS Amplify

  10. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 10 We built Amplify to make it easy for frontend developers to build full-stack apps

  11. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 11 AWS Amplify Build AWS backend Amplify Studio Amplify CLI Build app UI (web) Amplify Studio Host an app (web) Amplify Hosting FULLSTACK DEVELOPMENT WEB Connect to backend Amplify Libraries UI Components CROSS-PLATFORM & MOBILE

  12. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 12 Supported Platforms This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY-SA This Photo by Unknown Author is licensed under CC BY- NC-ND

  13. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 13 Amplify Flutter

  14. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 14

  15. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Flutter Libraries 15 • Support all Flutter platforms • Written with Dart • Extend the capabilities of the previous libraries

  16. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Flutter Libraries 16 • Authentication • GraphQL API • Rest API • Storage • Push Notifications • Analytics • Authenticator (UI)

  17. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 17 Using AWS Amplify

  18. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 18 The Amplify Command Line Interface (CLI) is a unified toolchain to create, integrate, and manage the AWS cloud services for your app.

  19. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 19

  20. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 20 The Project Overview

  21. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 21

  22. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 22

  23. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Initializing Project 23

  24. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Initializing Amplify Project 24 <project name> <project name>

  25. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Initializing Amplify Project 25

  26. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Initializing Amplify Project 26

  27. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Initializing Amplify Project 27

  28. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 28

  29. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Authentication Library 29

  30. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Authentication Library 30

  31. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Authentication Library 31 <Cognito User Pool Name>

  32. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 32

  33. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Storage Library 33

  34. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Storage Library 34

  35. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Storage Library 35

  36. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Storage Library 36

  37. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding Storage Library 37

  38. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 38

  39. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding GraphQL API Library 39

  40. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding GraphQL API Library 40

  41. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding GraphQL API Library 41

  42. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Adding GraphQL API Library 42

  43. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Updating GraphQL Schema 43

  44. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Generating Models from GraphQL Schema 44

  45. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 45

  46. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Pushing changes to cloud 46

  47. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 47

  48. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Libraries 48

  49. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Libraries Configuration 49

  50. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Query Data 50

  51. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Query Data 51

  52. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Update/Create Data 52

  53. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Uploading file to Storage 53

  54. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Uploading file to Storage 54

  55. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Signing Up User 55

  56. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Signing Up User 56

  57. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Signing in User 57

  58. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Signing in User 58

  59. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Getting User Information 59

  60. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 60 Summing up • AWS Amplify • Amplify CLI usage • Amplify Flutter Library capabilities • Creating and using AWS Amplify libraries with Flutter

  61. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. 61

  62. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Resources 62 AWS Amplify Documentation Getting Started – Hands on Amplify Grocery List - Repository Salih Güler – YouTube Channel Mo Malaka – YouTube Channel Frontend Web and Mobile - Blog

  63. FLUTTERCON 2023 | BUILDING FEATURE RICH FLUTTER APPLICATIONS WITH AWS

    AMPLIFY © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Thank you! Muhammed Salih Güler @salihgueler [email protected]