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
FlutterMTL September Meetup - Build Full-Stack ...
Search
GDG Montreal
September 21, 2023
Programming
0
120
FlutterMTL September Meetup - Build Full-Stack App in Dart
GDG Montreal
September 21, 2023
Tweet
Share
More Decks by GDG Montreal
See All by GDG Montreal
Advanced Pregnancy Risk Assessment Using AI Model Chain by Kiruthika Subramani
gdgmontreal
0
17
Al and Security: A double edge sword? by Stacy Véronneau and Yan Bellerose
gdgmontreal
0
30
Scaling AI on a Budget: A Startup's GPU Optimization Journey by Shannon Lal
gdgmontreal
0
21
Build Your Own Secured AI Platform with Google Cloud Vertex AI by unleashing the Power of Multi-LLM by Eckarath Khounsombath
gdgmontreal
0
41
FlutterMTL_-_Flutter_Next_24.pdf
gdgmontreal
0
21
Developing Flutter Applications in Dev Container Environments - Ali Yazdi
gdgmontreal
0
85
Building an ML powered Android Livestreaming App by Etienne Caron
gdgmontreal
1
44
Boosting Your Mobile App: Small Details, Big Impact by Mathieu Fillion
gdgmontreal
0
19
The Hitchhiker's Guide to MLOps by David Cardozo
gdgmontreal
0
12
Other Decks in Programming
See All in Programming
Ruby on cygwin 2025-02
fd0
0
150
Introduction to kotlinx.rpc
arawn
0
740
『品質』という言葉が嫌いな理由
korimu
0
180
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.4k
WebDriver BiDiとは何なのか
yotahada3
1
150
SpringBoot3.4の構造化ログ #kanjava
irof
3
1k
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
110
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
1
200
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
Grafana Cloudとソラカメ
devoc
0
180
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
250
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Speed Design
sergeychernyshev
27
800
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Writing Fast Ruby
sferik
628
61k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Scaling GitHub
holman
459
140k
Bash Introduction
62gerente
611
210k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Transcript
Build Full-Stack Dart Application Jhin Lee, S/W Developer @Unity
Jhin Lee Full-Stack Developer @Unity | GDG & Flutter Montreal
Organizer • Full Stack Developer (Android, iOS, Flutter, Web, DevOps or anything!) • 10yr+ Android and Embedded System Engineer (AOSP, Linux Kernel, HAL, etc.) • Scrum Master (PSM2) • https://www.linkedin.com/in/leehack/
Agenda 1 2 3 4 5 Why full-stack in Dart?
What do we build? Global Architecture Project Structure Reset APIs 6 Let’s Code!
One Programming Language Share codes between Backend and Frontend Flutter
(and Dart Frog!) It’s easy and fun! Performance??? + + + Why Full Stack in Dart? + +
So, What will we build today?
None
Global Architecture • Frontend in Flutter • Backend in Dart
Frog • Shared package in pure Dart
Project Structure Mono repo • Frontend Flutter Codes in /packages/frontend_flutter
◦ Flutter UI and REST API Client • Backend Dart Frog Codes in /packages/backend_frog ◦ Dart Frog REST API Server • Shared library in /packages/todo ◦ Data Model ◦ Repository Interface Frontend and Backend uses the Shared library as a dependency.
REST APIs • /todos ◦ POST - Add a new
todo ◦ GET - Get all todo list • /todos/:id ◦ GET - Get a todo by id ◦ PUT - Update a todo ◦ DELETE - Delete a todo by id
Let’s Code! Dart Frog Flutter Docker Melos Riverpod
References • Article for more detail - https://dev.to/leehack/lets-build-a-full-stack-dart-app-36lm • Dart
Frog Website - https://dartfrog.vgv.dev/ • Melos Website - https://melos.invertase.dev/ • Riverpod Website - https://riverpod.dev/
Questions?
Thank you!