{"id":35876,"date":"2026-06-09T12:18:08","date_gmt":"2026-06-09T10:18:08","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=35876"},"modified":"2026-06-09T14:34:16","modified_gmt":"2026-06-09T12:34:16","slug":"vue-vs-wordpress-case-study","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2026\/06\/vue-vs-wordpress-case-study\/","title":{"rendered":"Pre\u010do som vymenil Vue appku za WordPress? (Case study)"},"content":{"rendered":"Doba \u010d\u00edtania:<\/b><\/span> 5<\/span> min.<\/span><\/span>\n

<\/p>\n\n\n\n

Vlastn\u00e9 portf\u00f3lio som odkladal 11 rokov. Ke\u010f som sa k nemu kone\u010dne dostal, chcel som ho spravi\u0165 r\u00fdchlo, pekne a tak, aby som s n\u00edm nemal zbyto\u010dne ve\u013ea \u00fadr\u017eby.<\/em><\/p>\n\n\n\n

Prv\u00e1 verzia vznikla ako statick\u00e1 SPA vo Vue 3 a TypeScripte. Be\u017eala na VPS<\/a> od Websupportu, a ke\u010f\u017ee dom\u00e9nu<\/a> som mal tie\u017e tam, sta\u010dilo nastavi\u0165 DNS<\/a>, reverse proxy a web bol vonku. Dizajn som ladil s Claude AI a s v\u00fdsledkom som bol spokojn\u00fd. Na portf\u00f3lio to fungovalo ve\u013emi dobre. Probl\u00e9m pri\u0161iel a\u017e vtedy, ke\u010f som chcel za\u010da\u0165 pravidelnej\u0161ie upravova\u0165 obsah a prid\u00e1va\u0165 \u010dl\u00e1nky.<\/p>\n\n\n\n

Probl\u00e9m: na \u00fapravy obsahu bol vlastn\u00fd SPA workflow zbyto\u010dne \u0165a\u017ekop\u00e1dny<\/h2>\n\n\n\n

Ke\u010f som potreboval upravi\u0165 p\u00e1r projektov alebo textov, nebol to nerie\u0161ite\u013en\u00fd probl\u00e9m. Projekt som si rozbehol lok\u00e1lne, zmenil \u010do bolo treba a deploy-ol ho sp\u00e4\u0165 na server.<\/p>\n\n\n\n

Deployment som mal nastaven\u00fd cez GitHub priamo na VPS. Na serveri be\u017e\u00ed Dockge service, ktor\u00fd pou\u017e\u00edvam ako spr\u00e1vcu docker compose<\/code> s\u00faborov. Po deploymente sa projekt v Dockeri re\u0161tartoval cez Dockge a web bol aktualizovan\u00fd.<\/p>\n\n\n\n

Technicky to fungovalo. Len\u017ee na be\u017en\u00fa pr\u00e1cu s obsahom to bolo viac krokov, ne\u017e som bol ochotn\u00fd robi\u0165. Nechcelo sa mi pri ka\u017edom texte upravova\u0165 k\u00f3d, vytv\u00e1ra\u0165 nov\u00e9 pages, meni\u0165 configy a deployova\u0165 zmeny na VPS. Potreboval som jednoduch\u0161\u00ed sp\u00f4sob, ako svoj obsah spravova\u0165.<\/p>\n\n\n\n

Mo\u017enos\u0165 1: napoji\u0165 SPA na backend<\/h2>\n\n\n\n

Prv\u00e1 cesta bola doplni\u0165 k p\u00f4vodnej SPA backend.<\/p>\n\n\n\n

Na VPS<\/a> od Websupportu mi u\u017e be\u017e\u00ed Appwrite, ktor\u00fd pou\u017e\u00edvam aj pri \u010fal\u0161\u00edch projektoch. Appwrite pon\u00faka slu\u017eby ako datab\u00e1za, autentifik\u00e1cia, messaging alebo \u0161tatistiky. V\u010faka v\u00fdkonu VPS by som dok\u00e1zal aplik\u00e1ciu na Appwrite napoji\u0165 relat\u00edvne r\u00fdchlo. Z\u00e1rove\u0148 som nechcel str\u00e1ca\u0165 \u010das v\u00fdvojom nie\u010doho, \u010do u\u017e existuje. Potreboval som CMS.<\/p>\n\n\n\n

Mo\u017enos\u0165 2: WordPress<\/h2>\n\n\n\n

S WordPressom som v minulosti pracoval nieko\u013eko rokov a st\u00e1le ho beriem ako jedno z najr\u00fdchlej\u0161\u00edch rie\u0161en\u00ed pre blogy a obsahov\u00e9 weby. Ak potrebujete spravova\u0165 \u010dl\u00e1nky, texty a projekty bez toho, aby ste pri ka\u017edej zmene sahali do k\u00f3du, CMS d\u00e1va zmysel.<\/p>\n\n\n\n

A ke\u010f\u017ee som mal vo Websupporte dom\u00e9nu<\/a>, hosting<\/a> aj VPS<\/a>, vedel som, \u017ee cel\u00fd presun nebude technicky komplikovan\u00fd.<\/p>\n\n\n\n

Ako prebiehal presun<\/h2>\n\n\n\n

E\u0161te pred samotnou migr\u00e1ciou som si pripravil z\u00e1klad WordPress t\u00e9my. Claude AI som poskytol dizajn p\u00f4vodnej Vue 3 SPA a zadal som mu, aby mi pomohol prenies\u0165 ho do WordPress t\u00e9my.<\/p>\n\n\n\n

Po pribli\u017ene pol hodine pr\u00e1ce a nieko\u013ek\u00fdch \u00faprav\u00e1ch som mal pripraven\u00fa t\u00e9mu, ktor\u00e1 vizu\u00e1lne vych\u00e1dzala z p\u00f4vodn\u00e9ho portf\u00f3lia.<\/p>\n\n\n\n

Potom som sa pustil do WordPressu.<\/p>\n\n\n\n

Vo Websupporte som si na subdom\u00e9ne vytvoril slu\u017ebu a spustil in\u0161tal\u00e1ciu WordPressu<\/a>. Cel\u00e9 to trvalo p\u00e1r min\u00fat. Okrem z\u00e1kladn\u00fdch \u00fadajov pre WordPress som nemusel rie\u0161i\u0165 ni\u010d \u0161peci\u00e1lne.<\/p>\n\n\n\n

V\u00fdhoda bola v tom, \u017ee som nemusel ru\u010dne nahr\u00e1va\u0165 WordPress cez FTP, pripravova\u0165 v\u0161etko od nuly ani sa zdr\u017eiava\u0165 z\u00e1kladn\u00fdm setupom. Dostal som funk\u010dn\u00fd WordPress a mohol som rie\u0161i\u0165 t\u00e9mu, obsah a doladenie webu.<\/p>\n\n\n\n

AI vo WordPresse ako pomocn\u00edk pri dizajne<\/h2>\n\n\n\n

Websupport pri WordPresse pon\u00faka aj AI asistenta<\/a>, ktor\u00fd mi pomohol s n\u00e1vrhom webu, dizajnom, farebn\u00fdmi paletami, typografiou aj \u00fapravou obsahu.<\/p>\n\n\n\n

Ke\u010f\u017ee som vlastn\u00fa t\u00e9mu u\u017e mal, nepotreboval som generova\u0165 cel\u00fd web od nuly. Sk\u00f4r som chcel zisti\u0165, ako mi vie AI posun\u00fa\u0165 existuj\u00faci dizajn e\u0161te o k\u00fasok \u010falej.<\/p>\n\n\n\n

M\u00f4j prompt pre AI asistenta bol n\u00e1vrh vylep\u0161enia dizajnu naprie\u010d webom, odporu\u010denie vhodn\u00e9ho fontu a ladiacej farebnej palety. O nieko\u013eko desiatok min\u00fat som mal prvotn\u00fd n\u00e1vrh, ktor\u00fd som vedel \u010falej upravi\u0165 pod\u013ea seba.<\/p>\n\n\n\n

AI som nebral ako n\u00e1hradu za vlastn\u00e9 rozhodovanie. Sk\u00f4r ako r\u00fdchly sp\u00f4sob, ako si pripravi\u0165 dobr\u00fd z\u00e1klad a u\u0161etri\u0165 \u010das pri veciach, ktor\u00e9 by som inak ladil ru\u010dne.<\/p>\n\n\n\n

\u010co som dopracoval ru\u010dne<\/h2>\n\n\n\n

Ke\u010f bol WordPress pripraven\u00fd a t\u00e9ma nasaden\u00e1, niektor\u00e9 veci som dopracoval lok\u00e1lne.<\/p>\n\n\n\n

I\u0161lo hlavne o:<\/p>\n\n\n\n