[{"data":1,"prerenderedAt":133},["ShallowReactive",2],{"project-hala-centar":3},{"id":4,"title":5,"body":6,"category":119,"date":120,"description":121,"extension":122,"image":123,"meta":124,"navigation":125,"path":126,"seo":127,"stem":128,"tags":129,"url":131,"__hash__":132},"projects\u002Fprojects\u002Fhala-centar.md","Hala Centar",{"type":7,"value":8,"toc":111},"minimark",[9,14,23,27,33,48,67,78,94,97,101,104,108],[10,11,13],"h2",{"id":12},"overview","Overview",[15,16,17,18,22],"p",{},"Mostly a static website, with a few SSR pages for guests to enter their desired plans and details, which are then emailed to the client. ",[19,20,21],"strong",{},"Nuxt.js"," was chosen because of a planned backend for the site in the future when the client will offer live seminars, a cart functionality, etc..",[10,24,26],{"id":25},"what-i-did","What I did",[15,28,29,32],{},[19,30,31],{},"Everything"," from understanding the client needs and wishes, the design and layout of the website, the infrastructure to be used, and the coding.",[15,34,35,36,40,41,43,44,47],{},"Because of the before mentioned ",[37,38,39],"em",{},"future"," need of a backend, I decided to go with the ",[19,42,21],{}," framework because I already worked with ",[19,45,46],{},"Vue"," in my full-time employment at MMK (Booking Manager), and I wanted to try its full-stack solution. Of course, I knew it would come in handy to know it for any upcoming proffessional full-time jobs, as well as give me further insight in the power of Vue.",[15,49,50,51,54,55,58,59,62,63,66],{},"For the UI elements, to ensure a ",[19,52,53],{},"fast development",", while still keeping a ",[19,56,57],{},"proffessional look and feel",", I decided to use ",[19,60,61],{},"Nuxt UI",". Being very intuitive, a part of the native Nuxt framework, and having a similar usage to ",[19,64,65],{},"PrimeVue"," for customization, it was a great choice.",[15,68,69,70,73,74,77],{},"For ",[19,71,72],{},"deployment",", I used ",[19,75,76],{},"Netlify"," for a couple of reasons:",[79,80,81,85,88,91],"ul",{},[82,83,84],"li",{},"ease of use with Nuxt",[82,86,87],{},"fast deployments of fixes",[82,89,90],{},"zero hosting cost (currently)",[82,92,93],{},"new technology to learn",[15,95,96],{},"I have also helped the client to setup the DNS settings, as well as his custom email domain.",[10,98,100],{"id":99},"results","Results",[15,102,103],{},"The project was delivered on-time, the client was satisfied, the website is live, and I have learned a lot.",[10,105,107],{"id":106},"stack","Stack",[15,109,110],{},"Built with Nuxt.js, Vue.js, Nuxt UI.",{"title":112,"searchDepth":113,"depth":113,"links":114},"",2,[115,116,117,118],{"id":12,"depth":113,"text":13},{"id":25,"depth":113,"text":26},{"id":99,"depth":113,"text":100},{"id":106,"depth":113,"text":107},"Personal","2025-10-15","A website for a training center — a commissioned project I designed and built on my own in Nuxt.js.","md","\u002Fprojects\u002FHala_centar.png",{},true,"\u002Fprojects\u002Fhala-centar",{"title":5,"description":121},"projects\u002Fhala-centar",[21,130,61,76],"Vue.js","https:\u002F\u002Fhalacentar.com\u002F","rI7dpytwFCCKxQAs8jIDVvyDxI60vmmKWfJJRYV-Qqg",1785186536637]