Creating websites in Kotlin leveraging Compose HTML
summary
Kobweb is a Kotlin web framework built on Compose HTML that demonstrates live reloading with a dev server and a CLI, automatic routing from a pages folder, and a static export snapshots step (export typically ~30s) so pages are Google-indexable. It ships Gradle plugins, a Silk UI library with CSS style blocks, color-mode and breakpoint support, Markdown-to-pages, and JVM API routes using kotlinx.serialization; users build portfolio sites, a chess UI in a day, and production sites with responsive animations.
AI-written summary · about
chapters (15)
- 0:00Kotlin web development intro
- 2:55Compose HTML vs multiplatform
- 6:05Compose HTML basics
- 9:13Cobweb project setup
- 12:21Modifiers in Cobweb
- 14:50Routing in Cobweb
- 20:22Project layout patterns
- 22:32Silk UI components
- 25:21CSS styling in Cobweb
- 28:33Color mode in Silk
- 29:37Responsive designs with breakpoints
- 30:39Adding icons
- 31:22Markdown in Cobweb
- 32:24Full-stack with Cobweb backend
- 36:15Live demo of Cobweb
related talks
46mMultiplatform UI with Compose
35mBreaking Up with WebViews: Server-Driven UI with KMP + Compose
57mBuilding dynamic web apps with Kotlin, WebComponents and Htmx
45mThe Adventures of Kotlin And Compose Through the Multiplatform World
36mBuilding Progressive Web Apps in Kotlin
35mDeclarative UI patterns
25mWhat can we learn from Jetpack Compose?
35mNext Generation Android UI with Jetpack Compose