Mladich Sigil
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
Vue
Vuetify
CSS
Javascript
backend
-
data
-
third-party
Contentful
Cloudflare
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.

Mladich.com v1 | First iteration of my portfolio website | Alex Mladich