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

Fluttercon 2023 - Flutter Talk

Avatar for Muhammed Salih Güler Muhammed Salih Güler
July 05, 2023
Technology
530
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
84
Serverlabs Flutter Talk
Avatar for Muhammed Salih Güler salihgueler
0
88
What is AWS Amplify - KotlinConf
Avatar for Muhammed Salih Güler salihgueler
0
120
Underengineering Contents: Creating Content For Everyone
Avatar for Muhammed Salih Güler salihgueler
0
57
How to prepare a proposal to conferences?
Avatar for Muhammed Salih Güler salihgueler
1
110
Flutter Study Jam Hannover
Avatar for Muhammed Salih Güler salihgueler
0
62
Write your first Flutter application
Avatar for Muhammed Salih Güler salihgueler
0
81
Mastering the Theming in Flutter
Avatar for Muhammed Salih Güler salihgueler
0
83
What's new for Flutter at I/O 2019
Avatar for Muhammed Salih Güler salihgueler
0
56

Other Decks in Technology

See All in Technology
気軽に使える"情報のハブ"としてのNotion活用　〜フロー情報の集積点 と、 Claude Code × Notion AI〜
Avatar for Ryo Okubo syucream
1
150
SONiCで構築・運用する生成AI向けパブリッククラウドネットワーク ～実装編～
Avatar for SONiC Users Group Japan sonic
0
280
Kiro Ambassador を目指す話
Avatar for Kazuki Adachi k_adachi_01
0
110
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
Flow 不死：AI 時代 DevOps 的不變本質
Avatar for Cheng-Wei Chen cheng_wei_chen
2
330
200個のGitHubリポジトリを横断調査したかった
Avatar for Issei.Komori icck
0
140
Oracle Cloud Infrastructure：2026年6月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
130
【Snowflake Summit 2026 Recap!!】Snowflake Summit Deep Dive: Security & Governance
Avatar for Civitaspo civitaspo
1
270
Kiroで書いた 設計書 が AI レビューの 採点基準 になる
Avatar for shinji ezaki ezaki
0
130
SONiCの統計情報を取得したい
Avatar for SONiC Users Group Japan sonic
0
230
AI時代のコスト管理を考えよう〜明日から使える実践AWSノウハウ～
Avatar for yoshimi0227 yoshimi0227
0
310
マルチアカウント環境での コーディングエージェントを使った障害調査が大変なので AIエージェントにReadOnly権限を付与してみた / ReadOnly AI Agents for Multi-Account AWS Incident Response
Avatar for Takashi Yamaguchi yamaguchitk333
2
110

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
8.1k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
200
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k

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]