Rust Fullstack: Kanban WASM con Arquitectura Hexagonal

“100% Rust, 100% type-safe: del navegador a la base de datos”

Sobre este Tutorial

Construiremos paso a paso una aplicación Kanban completa en Rust puro: backend con Axum, frontend compilado a WebAssembly con Leptos, y persistencia en SQLite. Todo con arquitectura hexagonal.

Proyecto: Kanban WASM

Aplicación de tablero Kanban con drag & drop:

• 3 columnas: Todo, Doing, Done
• Tarjetas arrastrables entre columnas
• CRUD completo: crear, listar, mover, eliminar
• Persistencia: SQLite con SQLx

Stack Tecnolgico

Capa	Tecnologa
Backend	Axum 0.8, Tokio, SQLx
Frontend	Leptos 0.7 (CSR/WASM)
Base de Datos	SQLite
Arquitectura	Hexagonal (Ports & Adapters)
HTTP Client	gloo-net (Fetch API)
Drag & Drop	HTML5 API nativa (web-sys)
Testing	cargo test, mockall

Indice de Captulos

Parte I: Fundamentos y Decisiones

• Captulo 1: Introduccin - Por qu Rust Fullstack
• Captulo 2: Anlisis de Frameworks - Axum, Leptos y Alternativas
• Captulo 3: Arquitectura Hexagonal en Rust

Parte II: Backend con Axum

• Captulo 4: Setup del Workspace Cargo
• Captulo 5: Dominio - Entidades y Value Objects
• Captulo 6: Dominio - Ports y Errores Tipados
• Captulo 7: Application - Casos de Uso
• Captulo 8: Infrastructure - Persistencia SQLite con SQLx
• Captulo 9: Infrastructure - HTTP Handlers con Axum

Parte III: Frontend con Leptos WASM

• Captulo 10: Setup de Leptos y Compilacin WASM
• Captulo 11: Componentes y Seales Reactivas
• Captulo 12: Drag & Drop y Gateway HTTP

Parte IV: Calidad y Cierre

• Captulo 13: Testing - Unitarios, Mocking y Estrategia
• Captulo 14: Decisiones, Trade-offs y Prximos Pasos

Requisitos Previos

• Rust instalado (rustup) con toolchain stable
• Trunk instalado (cargo install trunk)
• Target WASM (rustup target add wasm32-unknown-unknown)
• Conocimientos bsicos de Rust (ownership, traits, async)

Repositorio

git clone https://github.com/siemprelisto/rust-wasm-kanban

---

Comenzar con Captulo 1 →