Jaspr on Observable Flutter → https://goo.gle/48TdWUP
Buddyfinder on GitHub → https://goo.gle/3L3yQsD
Join Craig as he demonstrates how to use Jaspr and Antigravity to build a traditional web site experience with Dart while sharing business logic with a Flutter app.
Jaspr's rendering pipeline produces HTML and CSS unlike Flutter, which renders pixels directly to a canvas. Jaspr uses classes called Components which take heavy inspiration from Flutter widgets. Watch along and see how to go quickly from prompting in Antigravity to a Flutter app and Jaspr website using a shared API, with shared classes and logic in no time.
Prompt used in this video:
➡ “Outline a project called Buddyfinder, which is a pet adoption site for cats and dogs. The project should have 4 main components - a Dart Frog server which will be the shared API, a server rendered Jaspr project which will be the SEO friendly website, a Flutter project for mobile, and a `shared` directory to host common business logic and data models.”
Chapters:
0:00 - Intro
1:21 - Connecting a Jaspr site and Flutter app
5:46 - Passing HTML control to Javascript with Hydration
6:35 - Final project
7:07 - Comparing Flutter web and Jaspr
Watch more Flutter Flight Plans → https://www.youtube.com/watch?v=pMoUg3dkDJk&list=PLjxrf2q8roU1yXu4k7ivSLAa0cizD4feH
? Subscribe to Flutter → https://goo.gle/FlutterYT
#Flutter
Speaker: Craig Labenz
Products Mentioned: Jaspr, Antigravity, Flutter