Guides

These long-form guides walk through building common apps using the same route-first patterns and API vocabulary used across these docs.

How These Guides Work

• Start with a route shell and a small global route store.
• Add component routes inside stable file routes so the URL map stays calm.
• Keep multiple sources of truth so each screen can move at its own speed.

If you want the canonical reference for the primitives used below, keep the API Reference page open while you work:

• API Reference

App Builds

• 1. Build a Todo App
• 2. Build a Chat App
• 3. Build a Notes App
• 4. Build a Habit Tracker
• 5. Build a Personal Finance Tracker
• 6. Build a Kanban Board
• 7. Build a Calendar App
• 8. Build a Recipe Manager
• 9. Build a Book Library
• 10. Build a Media Gallery
• 11. Build an E-commerce Storefront
• 12. Build an Admin Dashboard
• 13. Build an Issue Tracker
• 14. Build a Customer Support Inbox
• 15. Build a Portfolio Site
• 16. Build a Blog Engine
• 17. Build a Markdown Editor
• 18. Build a Video Course Platform
• 19. Build a Travel Planner
• 20. Build a Job Board
• 21. Build an Auth Flow
• 22. Build a Multi-tenant SaaS Settings App
• 23. Build a Notifications Center
• 24. Build a Music Playlist App
• 25. Build a Weather App

What to Read First

• If you want a smaller guide with the core loop (document + derived state): start with Build a Todo App.
• If you want "derived state everywhere" (totals + bundles): read Build a Personal Finance Tracker.
• If you want random session routes + stored grids: read Build a Calendar App.
• If you want the full route-shell + vault + stepper story: read Build an E-commerce Storefront.
• If you want competing stores + reconciliation effects: read Build an Issue Tracker.
• If you want DOM-truth typing with blur-commit reconciliation: read Build a Markdown Editor.

Authors

• Learn about the guide authors: Authors