Sandra Mansour
A modern, responsive website for Sandra Mansour, a fashion designer based in Lebanon.
- Nuxt
- Typescript
- Tailwind CSS
- Pinia
- ShadCN UI
Context
The project involved migrating the Sandra Mansour website from Vue 2 to Nuxt 3, ensuring a 1:1 replica of the user interface while significantly improving performance and modernizing the codebase. The migration focused on leveraging Nuxt 3’s latest features, improved server-side rendering, and better developer experience, all while maintaining visual and functional parity with the original design.
Approach
To ensure a smooth migration from Vue 2 to Nuxt 3 while maintaining UI parity, I leveraged a modern tech stack. Nuxt 3 provided the latest framework improvements with better performance and developer experience. Typescript was employed throughout to enhance code quality and prevent regressions during the migration. Tailwind CSS enabled rapid styling development, ensuring visual consistency with the original design. Pinia replaced the previous state management solution with a more intuitive and performant state management library. ShadCN UI provided a foundation of pre-designed, accessible components that aligned with the design system and accelerated the development process.