Jaspr: Unleashing the Power of Dart for Modern Web Development
summary
Jaspr is a Dart web framework that reuses about half of the original Flutter codebase and targets sites rather than canvas-painted web apps, offering three rendering modes: build-time static generation, server-side rendering, and client-only. The demo fetches sessions via the HTTP package, parses JSON on the server with generated models, pre-renders individual HTML pages, deploys to Firebase hosting, and adds a like button that becomes interactive only where annotated with @client hydration, producing tiny per-component JS bundles.
AI-written summary · about
chapters (23)
- 0:00Jasper and Dart for web
- 1:07Jasper for web development
- 2:09Flutter Web limits and Jasper
- 3:13Building components in Jasper
- 4:17Jasper’s rendering architecture
- 5:39Jasper’s Flutter roots
- 6:00Server-side rendering in Jasper
- 7:44Jasper’s three rendering modes
- 8:48Live coding Jasper project
- 15:38Fetching session data
- 19:10Models and JSON serialization
- 21:55Typed CSS styling
- 25:10Session card component
- 28:42Session detail pages
- 30:34Pre-rendering static site
- 31:37Deploying to Firebase
- 32:39Client-side interactivity
- 35:28Icons and interactivity fixes
- 37:53JavaScript bundle optimization
- 38:56SEO with meta tags
- 39:58Jasper’s key features recap
- 41:00State management and plugins
- 42:25Q&A
related talks
36mJaspr - Dart, but for Websites
09mBuild your next website with Dart & Jaspr
31mFlutter. New Approach to Web Development
56mJoin The Dart Side Of Web Development 2
40mDart: Productive, Fast, Multi-Platform - Pick 3
13mLearn how Flutter enhances web apps
42mFlutter everywhere — from Mobile to Web
08mDart: the return