Videokurz Vibe coding seriál 4/4 – databáza a administračné rozhranie

Popis videokurzu:

V predchádzajúcich častiach sme postavili stránku, dostali ju na GitHub a oživili sme kontaktný formulár. V poslednej časti série jej dáme to, čo z nej spraví naozaj plnohodnotnú webstránku – sekciu „Moje projekty“, ktorá svoj obsah neťahá z napevno napísaného kódu, ale z databázy. Vďaka tomu môžete projekty kedykoľvek pridávať a upravovať bez toho, aby ste museli zasahovať do samotnej stránky.

Spolu si prejdeme, ako necháte Claude Code navrhnúť a vytvoriť štruktúru databázy – dve jednoduché, ale premyslené tabuľky, ktoré tvoria základ celej funkcionality. Uvidíte, ako sa projekty začnú načítavať priamo z databázy a ako k jednotlivým projektom pridáme galériu obrázkov, takže každý projekt dostane vlastnú vizuálnu prezentáciu. Krok po kroku ukážem, ako tieto časti do seba zapadajú a ako sa zo statického zoznamu stane dynamický obsah.

Video je vhodné pre každého, kto sa chce posunúť od jednoduchej stránky k niečomu, čo má reálnu štruktúru a dá sa ďalej rozširovať. Aj keď ste s databázami nikdy nepracovali, uvidíte, že s Claude Code sa návrh tabuliek aj prepojenie na stránku dajú zvládnuť zrozumne a prehľadne. A ak už nejaké základy máte, oceníte ucelený postup od návrhu databázy až po hotovú galériu.

Toto je 4. a záverečná časť zo 4-dielnej série, v ktorej sme spolu vybudovali kompletnú webstránku od statického základu, cez nasadenie na GitHub, funkčný kontaktný formulár až po projekty ťahané z databázy. Na konci máte v rukách celý projekt od prázdneho priečinka po funkčnú, rozšíriteľnú stránku.

Bonus: celý projekt je verejne dostupný na GitHube (https://github.com/mdobsovic/vibecoding), takže si môžete pozrieť, ako je formulár poskladaný, prezrieť hotový výsledok alebo si ho rovno stiahnuť a skúšať.