What's in my tech stack
1. Frontend (Svelte and Astro)
I’ve been working with Astro for content-driven websites and Svelte for web apps. I start all my projects with TypeScript.
The latest AI models are really good at both.
2. Styling (Tailwind CSS and shadcn/ui)
Building flexible, accessible components is difficult. You either use (and extend) a component library, or build your own. This is why I use shadcn/ui.
It provides well-designed and extensible components, built on top of accessible, unstyled primitives. This includes basics like buttons and inputs, but also icons, charts, and more.
Components are styled with Tailwind CSS, the most AI-friendly CSS library. Why? You can easily colocate your styles with your markup. This makes generating and editing code with AI tools much easier.
3. Database (Convex)
Convex is my go-to backend. Built-in query caching, real-time updates, versioned migrations, and end-to-end type safety. It just works.
4. AI (Zed with OpenCode)
I use Zed (and coding agents) to edit, refactor, and debug code.