Jaspr - Dart, but for Websites
summary
Jaspr is a Dart-first web framework that renders real HTML/CSS, powers dart.dev, and prioritizes SEO and fast initial loads via server-side rendering and static site generation; it compiles only annotated pieces to client JS using the @client annotation to shrink bundles. Components mirror Flutter widgets, Riverpod state is portable with minor porting, and a Flutter embedding lets a deferred Flutter Web chunk share state and callbacks without heavy JS interop. A VS Code extension shows server/client scopes and a Jaspr content package converts markdown into interactive pages—used in production on dart.dev.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:48What is Jasper
- 4:20Styling with Dart CSS
- 6:06State management with Flutter
- 7:13SEO and performance
- 9:41Embedding Flutter apps
- 15:00Server-side rendering
- 23:20Tracking components
- 26:11Static site generation
- 28:03Content-driven sites
- 29:30Demo with Jasper Content
- 32:53Migrating DataFrog
- 35:20Q&A
related talks
43mJaspr: Unleashing the Power of Dart for Modern Web Development
09mBuild your next website with Dart & Jaspr
56mJoin The Dart Side Of Web Development 2
38mDart: a language optimized for the front end
16mDart
42mFlutter everywhere — from Mobile to Web
13mLearn how Flutter enhances web apps
22mInnovation and Trends in Flutter for web