Součást: Rychlokurz programování s AI · Matt Pocock
svoboda.page
Tento web: dvojjazyčná prezentace postavená s AI agenty a testy napřed.
- React
- TypeScript
- TanStack Start
- Tailwind CSS
Kontext a problém
Recruiteři věnují juniorovi jen pár vteřin a samotné CV neukáže, jak přemýšlím ani jak pracuji s AI agenty. Chtěl jsem jedno místo, které popíše mou cestu od geodézie k frontendu a ukáže, co jsem postavil.
Moje role a technologie
Všechno od zadání po nasazení: React, TypeScript, TanStack Start, Tailwind CSS se shadcn/ui, Zod a Vitest, hostované na Cloudflare Workers.
Klíčová rozhodnutí
Veškerý obsah je v repozitáři jako typované soubory kontrolované schématem, takže není potřeba spravovat žádný CMS. Každá stránka se předem vygeneruje do statického HTML v obou jazycích. Když v jednom jazyce chybí text, build selže, takže napůl přeložený web nemůže vyjít.
Problém, na který jsem narazil, a jak jsem ho vyřešil
Karty projektů odkazovaly na stránky případových studií dřív, než stránky existovaly, a to rozbilo předgenerování. Tyto odkazy jsem z předgenerování dočasně vyřadil s poznámkou TODO odkazující na úkol, který výjimku odstraní.
Výsledek
Rychlý dvojjazyčný web, kde přidání projektu znamená přidat jeden soubor. CI při každém pushi kontroluje typy, lint, testy i celý build.
Jak jsem využil AI
Web jsem plánoval s AI agentem: nejdřív můj plán podrobil otázkám, pak jsme sepsali zadání, rozdělili ho na úkoly a rozhodnutí zapsali jako ADR. Agenti úkoly implementovali s testy napřed a já každou změnu před sloučením zkontroloval.
Co bych příště udělal jinak
Skutečný obsah bych sbíral dřív, aby se design mohl přizpůsobit jemu, a ne zástupným textům.