Můj tech stack pro rok 2026

Stack ověřený produkcí

Tenhle stack není výsledek sledování trendů. Je to sada nástrojů, se kterými stavím a provozuju 15+ živých webů, SaaS dashboardy a mobilní aplikace — CraftIO, Beamcast, Dentiqa, Tastly, Moje Obec, EduConnect a další. Každý nástroj si tady vysloužil své místo tím, že funguje v produkci.

Web: Next.js 16 + Tailwind 4 + shadcn/ui

Next.js 16 je páteř mého webového vývoje. App Router, Server Components, Server Actions — architektura, která mi umožňuje stavět od statických landing pages po plnohodnotné SaaS dashboardy v jednom frameworku. Verze 16 přinesla lepší caching, rychlejší buildy a stabilnější API.

Zvážil jsem SvelteKit i Nuxt. SvelteKit je technicky elegantní, ale ekosystém je výrazně menší — méně knihoven, méně production-ready řešení. Nuxt na Vue je solidní, ale React nabízí širší ekosystém komponent a shadcn/ui, který mi dramaticky zvyšuje produktivitu při stavbě dashboardů.

Tailwind 4 je zásadní upgrade. CSS-first konfigurace, nativní cascade layers, rychlejší build. Žádný tailwind.config.js, všechno v CSS přes @theme. Konzistentní styling napříč všemi projekty.

shadcn/ui používám na každém dashboardu. Není to knihovna — je to kolekce komponent, které si zkopírujete do projektu. Plná kontrola nad kódem, žádné závislosti na externím balíčku, žádný vendor lock-in. Dialog, Sheet, DataTable, Form — všechno přizpůsobitelné přesně podle potřeb projektu.

Framer Motion pro animace na landing pages. Jednoduchá API, solidní výkon a výsledek, který dělá z prezentačního webu profesionální dojem.

Mobile: Flutter + Riverpod + GoRouter

Flutter jsem zvolil pro cross-platform mobilní vývoj. Jeden kód pro iOS i Android s nativním výsledkem. Dart je přímočarý jazyk s dobrou typovou bezpečností a hot reload dramaticky zrychluje development cycle.

React Native jsem vyhodnotil — Dart se v mobilním kontextu píše čistěji než JavaScript a výsledná aplikace působí nativněji. Kotlin Multiplatform je slibný, ale ekosystém ještě nedozrál pro produkční nasazení.

Riverpod jako state management. Typově bezpečný, testovatelný, čistší architektura než klasický Provider. Strmější learning curve, ale výsledný kód je výrazně udržitelnější.

GoRouter pro navigaci. Deklarativní routing, deep linking, redirect guards — přesně to, co potřebuju pro aplikace s autentizací a komplexní navigační strukturou.

Backend: Supabase (self-hosted)

Supabase pokrývá celý backend stack — PostgreSQL databáze, GoTrue autentizace, PostgREST API, Realtime websockety, Storage pro soubory. Jeden systém místo integrace pěti různých služeb.

Provozuju self-hosted instanci na svém Proxmox nodu. Oproti Supabase Cloud to znamená:

• Žádné limity na požadavky, velikost databáze nebo počet připojení
• Plná kontrola nad PostgreSQL — vlastní extensions, custom schemas, přímý přístup
• Schema isolation — každý projekt má vlastní schema. CraftIO běží v craftio, Beamcast v signage, všechno na jedné PostgreSQL instanci
• GDPR compliance — data zůstávají na mé infrastruktuře

NestJS + Prisma je kvalitní alternativa pro komplexnější backend logiku. Supabase mi ale dává víc out-of-the-box — auth, realtime, storage — s výrazně méně kódu. Pro SaaS produkt, kde potřebuju rychle iterovat, je to správná volba.

Infrastruktura: Proxmox + Docker + Cloudflare

Proxmox VE jako hypervizor. Dva nody — Intel i5-7500T a AMD Ryzen 5 PRO 2400G. LXC kontejnery pro Linux workloady, QEMU VM jen kde to vyžaduje situace (Windows Server, TrueNAS). Cluster s replikací, automatické zálohy na Proxmox Backup Server.

Docker Compose pro nasazování aplikací. Každá služba je stack s vlastním docker-compose.yml. Deploy nové verze = docker compose pull && docker compose up -d. Reprodukovatelné, přenosné a jednoduché na správu i při 25+ kontejnerech.

Cloudflare řeší DNS, CDN a tunelování. Jeden Cloudflare Tunnel s 50+ ingress pravidly vystavuje všechny moje weby. Žádné otevřené porty, automatické SSL, DDoS ochrana.

Monitoring: Grafana + Prometheus + Loki. Metriky z každého nodu, agregované logy ze všech kontejnerů, alerty přes ntfy a Uptime Kuma.

Vývoj a automatizace

Claude Code na dedikovaném LXC kontejneru s SSH přístupem na celou infrastrukturu. MCP servery pro Proxmox, Cloudflare a GitHub. Používám ho pro code review, generování boilerplate, správu infrastruktury a automatizaci deploymentů.

GitHub + Gitea — primární kód na GitHubu, záložní kopie na self-hosted Gitea. Redundance bez závislosti na jednom providerovi.

Terraform + Ansible — Infrastructure as Code pro Hetzner VPS a konfiguraci serverů. Reprodukovatelné prostředí, verzované v gitu.

Přehled stacku

| Vrstva | Nástroj | Důvod | |--------|---------|-------| | Web framework | Next.js 16 | Server Components, ekosystém, škálovatelnost | | Styling | Tailwind 4 | Konzistence, rychlost vývoje | | UI komponenty | shadcn/ui | Plná kontrola, žádný vendor lock-in | | Animace | Framer Motion | Profesionální UX na landing pages | | Mobile | Flutter | Cross-platform, nativní výkon | | State management | Riverpod | Type-safe, udržitelná architektura | | Backend/DB | Supabase (self-hosted) | PostgreSQL, Auth, Realtime, Storage v jednom | | Hypervizor | Proxmox VE | LXC + QEMU, cluster, zálohy | | Kontejnery | Docker Compose | Reprodukovatelný deployment | | CDN/DNS/Tunnel | Cloudflare | Globální síť, DDoS ochrana, tunnel | | Monitoring | Grafana + Prometheus + Loki | Metriky, logy, alerty | | AI | Claude Code | Code review, automatizace, infrastruktura |

Závěr

Tenhle stack mi umožňuje pokrýt celý lifecycle produktu — od návrhu přes vývoj až po produkční provoz na vlastní infrastruktuře. Každý nástroj je tady proto, že se osvědčil na reálných projektech v produkčním nasazení.

Nejlepší stack není ten nejnovější — je to ten, který znáte do detailu a který vám umožňuje soustředit se na stavění produktů místo řešení toolingu.