ASSHAT
Invented by @splch · · 285,842

The Alpine, Svelte, SQLite, HTMX, Alpine.js, and TypeScript Stack

The ASSHAT Stack

The ASSHAT stack is a lightweight, full-stack architecture optimized for rapid development of interactive web applications without unnecessary complexity. At its core, SQLite serves as our persistence layer, providing a reliable embedded database that requires minimal operational overhead and scales perfectly for applications that don't need distributed systems thinking. TypeScript sits above the application logic, giving us type safety and better tooling across both backend and frontend code, catching entire categories of bugs at compile time rather than production.

On the frontend, we pair Svelte with HTMX to create responsive user interfaces with minimal JavaScript overhead. Svelte handles component logic and reactivity with its compiler-based approach, while HTMX enhances our HTML by enabling direct server communication for dynamic interactions without forcing everything into a single-page application model. This hybrid approach lets us keep rendering logic flexible—some views render on the server, others benefit from Svelte's fine-grained reactivity.

Alpine.js provides the glue layer for lightweight interactivity in places where full component overhead isn't justified, handling focus management, form validation, and simple UI state without the boilerplate. Alpine, our build orchestration tool, ties everything together by managing our compilation pipeline, ensuring TypeScript gets compiled, Svelte components get processed, and assets are bundled efficiently for deployment. The result is a stack that feels modern and developer-friendly while keeping the cognitive load and deployment complexity genuinely minimal.