Status: Deprecated
Case Study: Mladich.com v1
A Vue-powered personal platform combining a headless CMS, multilingual support, and modern tooling to deliver a scalable knowledge-sharing experience.
links
1.1s
Avg load
3.4
Pages/session
98/100
SEO score
100+
Daily visits
description
This project is a personal platform designed to go beyond a traditional portfolio—positioning itself as a growing knowledge hub where practical insights, solutions, and development experiences are shared. Rather than serving as a static CV, the site reflects an ongoing commitment to contributing back to the developer community by transforming personal learning into accessible content.
The frontend is built on the Vue ecosystem, combining Vue 3, Vite, and Vuetify to deliver a modern, responsive, and highly performant interface. While Vuetify introduced an initial learning curve, it ultimately enabled a consistent and scalable UI system, complemented by Vite’s fast development cycle and optimized build process. The result is a smooth development experience paired with efficient production output.
Content management is handled through Contentful, enabling dynamic and structured delivery of projects, guides, and key sections of the site. Data is fetched asynchronously and rendered using rich text processing, allowing for flexible content updates without redeploying the application. This decoupled approach keeps the platform adaptable as content grows over time.
Multilingual support is implemented using i18n, with reactive content updates driven by locale changes. Additional enhancements include dynamic metadata management via @vueuse/head, analytics integration through Google Analytics, and local state handling with Pinia and localStorage. The application is served via NGINX on a Debian-based environment, ensuring stability and reliable performance.
Overall, the project demonstrates a thoughtful blend of modern frontend architecture, headless CMS integration, and performance-conscious design—built not just as a personal showcase, but as a long-term, evolving resource.
screenshots
frontend
backend
data
third-party
other
challenge
The main challenge was balancing dynamic, CMS-driven content with frontend performance and maintainability, while ensuring the platform remains flexible enough to grow without becoming overly complex.
conclusion
This project reflects a mature approach to personal branding and knowledge sharing, combining modern tooling with a scalable architecture. It highlights the ability to design systems that evolve over time while maintaining performance, clarity, and developer efficiency.
execution phases
#1 Concept & Positioning
Defined the platform as a knowledge-sharing hub rather than a static portfolio.
#2 Frontend Architecture
Built the UI using Vue 3, Vuetify, and Vite, focusing on scalability and performance.
#3 CMS Integration
Integrated Contentful for dynamic content management and structured data delivery.
#4 Localization
Implemented i18n with reactive content updates across multiple languages.
#5 Enhancements
Added metadata automation, analytics tracking, and state management.
#6 Deployment
Configured NGINX on Debian for stable hosting and efficient delivery.