Videos
If you prefer to watch videos instead of (or in addition to) reading text, this section introduces a handful of external resources that can also help you get started with Kobweb.
Otherwise, feel free to skip and proceed to the next section!
Intro talk
You can check out my talk at Droidcon SF 24 for a high level overview of Kobweb. The talk showcases what Kobweb can do, introduces Compose HTML (which it builds on top of), and covers a wide range of frontend and backend functionality. It is light on code but heavy on understanding the structure and capabilities of the framework.
Community
The following videos were created while Kobweb was still in its relative infancy, so they may occasionally introduce concepts that have since been updated.
Most significantly, ComponentStyle has been renamed to CssStyle, because the feature grew beyond just applying to widgets and is more generally applicable now.
So if you see:
that should now be written as:
Overall, the information provided in these videos will still be helpful for learning and understanding the structure of a Kobweb project.
Stevdza-san
One of Kobweb's users, Stevdza-San, has created free starting tutorials that demonstrate how to build projects using Kobweb.
Getting started with Kobweb
This video introduces basic Kobweb concepts and walks you through the process from creating a simple (static layout) site to exporting it locally on your machine (with files you can then upload to a static hosting provider of your choice).
Deploying a Kobweb site
This video builds upon the previous, showcasing some additional tips and tricks, and walks you all the way through to deploying your site live on the internet using free hosting.
Building a full stack multiplatform site
This video demonstrates how to write both frontend and backend logic. It also demonstrates how you can write a separate Android frontend that can also work with your server. (This video is still useful to watch even if you never intend to use Android).
It's easy to start with a static layout site first and migrate to a full stack site later, in case you're feeling paralyzed. ( Static layout vs. Full stack sites)
Skyfish
A YouTube channel called SkyFish creates webdev tutorials.
Building a full stack site with a MongoDB server
This video demonstrates how to build a simple website with a frontend and a backend, using API routes and leveraging a MongoDB instance for persistent data storage.