Jak jsem navibecodoval growthwithvove.cz za 2 hodiny s Claude Code

Tento článek je osobní. Chci vám ukázat, jak jsem za dvě hodiny vytvořil kompletní profesionální web growthwithvove.cz pomocí vibe codingu a Claude Code. Žádný template builder, žádná agentura, žádné týdny čekání. Jen já, AI a jasná vize.

Proč jsem to udělal

Potřeboval jsem profesionální web pro svou growth konzultantskou praxi. Měl jsem jasné požadavky — moderní design, blog s pravidelnými články, newsletter signup, perfektní SEO a rychlost. Problém? Klasické možnosti mě neuspokojovaly.

Mohl jsem si nechat web vytvořit agenturou. To znamená týdny komunikace, kompromisy v designu a tisíce korun za výsledek, který pak sám neumím upravit. Mohl jsem použít Wix nebo Squarespace. Rychlejší, ale limitující — šablonový look, omezená kontrola nad výkonem a SEO, vendor lock-in.

Já jsem chtěl něco jiného. Chtěl jsem production-grade web s moderním tech stackem, nad kterým mám plnou kontrolu. A věděl jsem, že to s AI zvládnu sám.

Nástroje, které jsem použil

Můj tech stack byl promyšlený, ale jednoduchý.

Claude Code je AI coding agent od Anthropic, který běží přímo v terminálu. Není to jen autocomplete — je to plnohodnotný vývojářský partner, který rozumí kontextu celého projektu, navrhuje architekturu a implementuje features.

Next.js 16 jsem zvolil jako framework. App Router, Server Components, excelentní SEO díky Metadata API, image optimization out of the box. Pro profesionální web je to v roce 2026 gold standard.

Tailwind CSS v4 pro styling. Žádné custom CSS soubory, rychlé prototypování, konzistentní design system. Tailwind v4 přinesl nový engine, který je ještě rychlejší a intuitivnější.

Vercel pro hosting a deployment. Git push a máte live preview. Production deploy je automatický. Edge network zajistí rychlost po celém světě.

Framer Motion pro animace. Subtilní fade-in efekty, smooth transitions — detaily, které dělají web profesionálním.

Proces: Dvě hodiny od nuly k produkci

Tady je chronologický průběh toho, jak web vznikal.

Prvních 30 minut: Základní struktura

Otevřel jsem terminál, spustil Claude Code a začal konverzaci. Popsal jsem, co chci — growth consulting web s tmavým moderním designem, hero sekcí, sekcí služeb, blogem a kontaktní stránkou.

Claude Code scaffoldnul celý Next.js projekt. Nastavil Tailwind, vytvořil layout, navigaci, footer. Za 30 minut jsem měl fungující skeleton celého webu.

Dalších 30 minut: Design a obsah

Iterativně jsem laděl design. "Udělej hero sekci výraznější." "Přidej gradient na heading." "Změň spacing v sekci služeb." Každá změna trvala sekundy — popsal jsem, co chci, Claude Code upravil kód.

Současně jsem pracoval na obsahu. Popsal jsem své služby, zkušenosti, přístup ke growth consultingu. Claude Code to formátoval do komponent s čistým copywritingem.

Třetích 30 minut: Blog systém a newsletter

Toto byla klíčová část. Potřeboval jsem plnohodnotný blog system — JSON-based články, dynamické routy, SEO metadata pro každý článek, Open Graph obrázky.

Claude Code implementoval kompletní blog architekturu. Články se načítají z JSON souborů, každý má vlastní stránku s formátovaným Markdown contentem, meta tagy a structured data.

Newsletter signup jsem napojil na Ecomail — český nástroj pro e-mail marketing. Jednoduchá API integrace, formulář s validací a úspěšnou notifikací.

Posledních 30 minut: SEO, performance a deploy

Finální fáze byla o leštění. JSON-LD structured data pro Google — Organization, WebSite, BlogPosting schema. Sitemap generátor, robots.txt, canonical URLs.

Optimalizace performance — lazy loading obrázků, code splitting, minimalizace bundle size. Vše, co potřebujete pro perfektní Lighthouse score.

Poslední příkaz: deploy na Vercel. Za minutu byl web live na growthwithvove.cz.

Výsledky

Co jsem za dvě hodiny dostal?

Kompletní production web na vlastní doméně growthwithvove.cz. Perfektní Lighthouse skóre — 100 na performance, accessibility, best practices i SEO. Blog s dvaceti články pokrývajícími growth engineering, product management, A/B testování a AI. Newsletter signup napojený na Ecomail. Admin rozhraní pro správu obsahu. JSON-LD structured data pro rich snippets v Googlu. Plně responzivní design — desktop, tablet, mobil. Smooth animace pomocí Framer Motion.

To je výsledek, za který byste u agentury zaplatili desítky tisíc korun a čekali týdny.

Co je dál

Growthwithvove.cz je jen začátek. Vibe coding mi otevřel dveře k projektům, o kterých jsem dříve jen snil.

Pracuji na vlastních SaaS aplikacích — AI-powered growth nástroje, které automatizují procesy, které dnes dělám manuálně. Chystám cross-platform aplikace, které přinesou growth metodologii širšímu publiku.

Mezitím sdílím své znalosti i jinde. Na Skillmea jsem vytvořil online kurz A/B testování, kde učím product týmy, jak správně experimentovat. Pokud vás growth engineering zajímá, sledujte mě na LinkedIn, kde pravidelně sdílím insights a tipy.

Hlavní takeaway

Vibe coding demokratizuje tvorbu softwaru. Bariéra už není schopnost programovat — je to vědět, CO postavit. Product thinking plus AI nástroje rovná se neomezený potenciál.

Pokud máte jasnou vizi a rozumíte problému, který řešíte, AI vám pomůže ho realizovat rychleji, než jste si kdy mysleli. Nepotřebujete být senior developer. Nepotřebujete tým. Nepotřebujete měsíce času.

Potřebujete jasnou představu o tom, co chcete vytvořit, odvahu to zkusit a dva hodiny volného času.

Pro-tip: Nemusíte začínat s celým webem. Zkuste si za víkend postavit jednoduchou landing page pro váš side project. Jakmile zažijete ten "aha moment", kdy AI za minuty implementuje to, co byste tradičně dělali hodiny, už se nebudete chtít vrátit k starému způsobu práce.

Budoucnost patří lidem, kteří umí kombinovat doménovou expertízu s AI nástroji. A ta budoucnost začíná teď.