Architecting an Executive Developer Portfolio & Admin CMS with Laravel 11, Vue 3, and Inertia.js
Description and use
The project is a monolithic Laravel 11 + Vue 3 + Inertia.js application that showcases complex engineering solutions, a mobile‑adaptive resume viewer, and a dynamic admin CMS for content management.
Problem
A standard static template cannot convey complex systems engineering, real‑time concurrency, or operational rigor needed for a senior full‑stack engineer’s portfolio.
Outcome
The project delivers a production‑ready portfolio and CMS that showcases advanced engineering skills, offers a mobile‑friendly resume experience, and provides a secure admin interface, all without duplicate API routing.
Workflow
- 1. Adopt Inertia.js monolith to combine Laravel backend and Vue 3 frontend.
- 2. Use Laravel 11 for session authentication, database transactions, and Form Request validation.
- 3. Use Vue 3 with Pinia for reactive state management.
- 4. Leverage Inertia to serialize server‑side props into Vue components, removing API boilerplate.
- 5. Implement device‑adaptive resume viewer that detects mobile viewports and launches native fullscreen reader with download fallback.
- 6. Add deep technical publications covering WebSocket dispatching, Google Lighthouse scores, and pharmaceutical logistics.
- 7. Build dynamic admin CMS portal to manage skills, projects, testimonials, messages, and content via secure dashboard.
- 8. Open‑source the codebase on GitHub and provide a live demo.
Evidence
I built and open‑sourced an end‑to‑end Developer Portfolio & Content Management System (CMS) powered by Laravel 11, Vue 3, and Inertia.js.
Instead of building a decoupled client SPA with duplicate API routing and client‑side authentication tokens, I adopted the Inertia.js modern monolith.
Standard mobile browsers, such as Android Chrome, can block inline PDF rendering inside <iframe> subframes.
I engineered a device‑adaptive resume viewer that detects mobile viewports and launches a native fullscreen reader with instant download fallbacks.
All directly through a secure private dashboard.
- Record date: 2026-10-05T18:40:50.849Z