Stack & nástroje ·
čo reálne používam.
Žiadne affiliate linky, žiadne platené mentions. Toto je reálny denný stack. Keď sa niečo vymení, vymení sa to tu — s úprimnou poznámkou čo sa pokazilo.
Hardware
- Mac mini M4
Stolný driver. Tichý, idle-uje studený, beží Docker + LLM inference + štyri okná prehliadača + dva language servery bez rozmýšľania. Pomer cena/výkon Apple Silicon tu sadol do sweet spotu.
- MacBook Pro 16" M3 Max (48GB)
Cestovný driver. Rovnaký workload ako stolný stroj, keď som v lietadle alebo u klienta. 48GB aby som počas dlhých agent sessions nemusel rozmýšľať nad RAM stropmi.
- ViewSonic 27" 4K
Továrensky kalibrovaný IPS panel, ostrý pri retina 1.5x scaling. Priestor na kód + design vedľa seba bez únavy očí.
- Apple Magic Keyboard
Nízkocestné scissor klávesy, full-size s numerickou klávesnicou. Spáruje sa čisto cez Bluetooth medzi Mac mini a MacBookom.
- Logitech MX Master 3S
Jediná myš, ktorá kedy stála za reč. Tichý klik, hlboký scroll, horizontálne koliesko pre Figmu.
- iPad Pro 12.9"
Review + ľahké úpravy na cestách. Sidecar ako druhý monitor pri klientoch.
- Sony WH-1000XM5
Cross-continent focus. Noise cancelling na transatlantických letoch.
- Edifier R1855DB
2.0 stolné reproduktory. Bluetooth + optika + RCA, vyvážené pre hovorené podcasty a hudbu, ktorá nepotrebuje subwoofer.
Editor a terminál
- Cursorcursor.com ↗
Primárny editor od konca 2024. AI-pair-coding natívne — 20 % zlepšenie nad VS Code ospravedlňuje switch pre produkčnú prácu.
- Claude Code (CLI)claude.com ↗
Dlhé agentické coding sessions. Tento web bol z veľkej časti postavený v Claude Code.
- Cowork (Anthropic)
Plánovanie, docs, prototyping. Dvojvrstvový workflow: Cowork plánuje, Claude Code dodáva.
- iTerm2 + zsh + starship
Pre prípady, keď je terminál čistejší než IDE. Hlavne pre git a pnpm.
- GitHub Copilot
Autocomplete vrstva. Menej trenia než otvárať chat na jednoriadkové completions.
Vývoj
- Next.js 16
Default framework pre novú web prácu. App Router, Server Components, edge runtime. Najlepší hiring pool v 2026.
- TypeScript 5
Default jazyk pre nové buildy. Strict mode zapnutý, žiadne any bez komentára, prečo.
- Tailwind v4
Layout utility, scoped CSS Modules pre brand/editorial. @theme blok pre tokeny.
- Postgres (Vercel / Neon)
Default DB. Drizzle ORM pre nové buildy, Prisma pre legacy, ktoré ho už používajú.
- Laravel 11 + Filament
Default pre ops-heavy + admin-heavy klientsku prácu. Filament šetrí mesiace admin-UI reinvencie.
- GSAP 3
Scroll-linked animácie tam, kde GSAP ergonomicky bije Framer Motion (marquee yoyo loopy, ScrollTrigger choreografia).
- Playwright
E2E testy pre brief form + subscribe flow + admin login. Menej flaky než Cypress.
Design
- Figmawww.figma.com ↗
Primárne plátno: auto-layout, variables, component sety, dev mode pre miery. Prieskumy + component špecky — potom reálne UI staviam v Next.js, takže browser je source of truth.
- FigJamwww.figma.com ↗
Workshopy, hrubá IA, journey stripy, sticky-note dumpy s klientmi. Rýchlejšie než tlačiť štruktúru do high-fidelity frejmov, kým nie sme zarovnaní.
- Tokens Studiotokens.studio ↗
Keď systém prerastie ad-hoc variables — export token JSON, sync naming s Tailwind @theme / CSS custom properties, menej hádok „ktorý hex je kanonický?“.
- Adobe Illustrator
Presné vektory: konštrukcia loga, geometria ikon, SVG, ktoré potrebuje čisté spoje, kým padne do Reactu. Figma pokrýva 90 %; Illustrator vyhráva, keď bezier-y potrebujú chirurgiu.
- Adobe Photoshop
Raster lane — úprava fotiek, textúrové passy, výrezy assetov pre OG obrázky a case-study zábery. Z PSD nič nešippuje; je to príprava, potom kód.
- Lucide + Iconifyiconify.design ↗
Slovník ikon pred custom značkami. Prechádzam sety, kopírujem stroke filozofiu a potom inline SVG do komponentov, aby tree-shaking a colour tokeny zostali úprimné.
Exporty preháňam cez optimizer Jakea Archibalda — odpáliť editor cruft, dotiahnuť cesty, držať súbory dosť malé na commit bez výčitiek.
- Realtime Colors + OKLCH nástrojerealtimecolors.com ↗
Perceptuálne palety a contrast checky pred zamrazením tokenov. OKLCH zodpovedá tomu, ako moderné CSS rozmýšľa; menej prekvapení, keď sa `--fg` stretne s `--bg` v produkcii.
- Coolorscoolors.co ↗
Rýchle smerové palety na discovery calloch — vygenerovať, zamknúť kotviacu farbu, iterovať naživo. Nikdy nie finálny systém sám o sebe; je to konverzačný štartér.
- Syne · Outfit · Instrument Serif · Monaspace Neon
Štvorfontový stack na dodaných weboch: Syne pre display úder, Outfit pre body (váha capnutá na 500), Instrument Serif pre italic akcenty, Monaspace Neon pre každý meta / terminál povrch — variable-axis mono od GitHub Next s texture healing, self-hostované .woff2, SIL OFL licencia.
- Stark (Figma)www.getstark.co ↗
Contrast + vision simulácia na frejmoch pred handoff. Chytá očividné WCAG misses, aby sme nedebugovali šedú-na-šedej v prehliadači o 23:00.
Deployment
- Vercelvercel.com ↗
Default produkčný domov pre Next.js: App Router + Node runtime + edge tam, kde sa to oplatí. Každý PR dostane preview URL; `main` mapuje na live doménu. Env vars + Cron + image optimisation žijú tu — menej pohyblivých častí než ručne drôtovať EC2.
- Neon (cez Vercel Postgres)neon.tech ↗
Serverless Postgres napojený cez Vercel storage integráciu (Neon pod kapotou). Vetvy, keď potrebujem izolovaný migration experiment, scale-to-zero, keď traffic spí. Drizzle s ním komunikuje ako s každým Postgresom — žiadna bespoke ORM vrstva.
- GitHub + GitHub Actionsgithub.com ↗
Repá pre všetko — privátne klientske trees, verejné OSS, tento web. Actions beží lint, type-check a testy na každom pushi; zelené CI je gate pred mergom. Vercel stále vlastní deploy, ale CI chytá regresie skôr.
- Docker + Docker Composewww.docker.com ↗
Keď stack nie je „len Vercel“ — Laravel služby, workery, lokálne Postgres/Redis mirrory, multi-container klientske setupy. Compose súbory checknuté in, aby onboarding nebol „funguje to na mojom Mac mini“ folklór.
- Cloudflarewww.cloudflare.com ↗
DNS pre každú doménu, ktorej sa dotknem, Turnstile na verejných formulároch, CDN/cache, kde pomáha. Workers iba keď Vercel edge nedá — väčšina projektov druhý runtime nikdy nepotrebuje.
- Railwayrailway.app ↗
Non-default lane, keď tvar nie je „Next app + serverless DB“ — companion API, worker-heavy fronty, alebo prebratie repo, ktoré je tam už deploynuté. Greenfield Next.js stále shippuje na Vercel ako prvé.
Produktivita
- Cowork (Anthropic)
AI-natívne tasky + plánovanie. P0 tohto webu žije tu.
- Linear
Klientsky project management, keď treba. Rýchlejší než Jira, menej chaotický než GitHub Projects.
- Notion Calendar (ex-Cron)
Kalendár. Plánovanie + focus bloky.
- Websupport
Mail hosting pre mail@nkovalcin.com. EÚ-hostované, GDPR-aligned, ide čisto s nodemailerom.
- Notion
Dlhé poznámky + wiki. Oddelené od kódu — Notion je na premýšľanie, repo na dodávanie.
AI workflow
- Claude (Anthropic)
Primárny LLM. Denne cez Cowork + Claude Code + priame API pre MCP servery + AI-automation klientsku prácu.
- Cursor
Editor-embedded LLM. Hlavne Claude cez Cursor MAX mode pre hlboké úpravy.
- ChatGPT
Občasný porovnávací check pre prompty + keď záleží na OpenAI-špecifických featurách (Structured Outputs).
Služby
- Conseto (vlastné)
Analytics + consent + security + marketing + intelligence na tomto webe + Faborino. Vlastné krmivo pre vlastného psa.
- GitHub
Domov kódu pre každý projekt — verejné, privátne, archivované. GitHub Actions beží CI na každom PR (lint, type-check, testy, preview deploys).
- Cloudflare
DNS, DDoS shield a edge cache pre každú doménu, ktorú vlastním. Free tier pokryje všetko, čo potrebujem; platené iba keď klient potrebuje WAF pravidlá.
- Anthropic Claude API
Produkčné LLM inference pre klientske integrácie + moje MCP servery. Prompt caching sa vráti za týždeň reálnej prevádzky.
- Stripe
Platby pre EÚ + US + UK klientov. Mollie ako alternatíva pre čisto EÚ setupy.
- Revolut Business
Fakturácia + multi-currency banking. Solo-studio cashflow bez trenia legacy bánk.
- Sentry
Error tracking v produkcii. Free tier zvládne väčšinu klientskych projektov.
- Websupport SMTP + nodemailer
Self-hosted transakčný email pre tento web + klientov bez Mailchimp / Resend lock-inu. EÚ infraštruktúra, žiadne zdieľanie dát s tretími stranami.
Rovnaký stack, váš produkt.
Discovery najprv — rezervujte call alebo pošlite brief,
ak tento stack sedí tomu, čo potrebujete postaviť.