Mustafa Rbiah - Backend Engineer | ContraWork by Mustafa Rbiah
Mustafa Rbiah
pro

Mustafa Rbiah

Full-Stack Engineer | Pixel-Perfect UI + Scalable Backends

    5.00
    Rating
    13
    Followers

Tangier, Morocco

WorkPostsProductsReviewsServicesAbout

Tangier, Morocco

Beyond the Surface: Engineering a Complete Luxury E-commerce Ecosystem 💎🚀 A premium brand needs more than just a beautiful storefront—it needs a robust operational brain. In this walkthrough of Wandr Jewelry V2, I’m showcasing how I bridged high-fidelity design with complex full-stack engineering. ✨ The Customer Experience: The first half of the video features the 'Quiet Luxury' storefront. Built with Next.js 15 and Framer Motion, it delivers cinematic animations and fluid product collections. Every pixel is optimized, resulting in a 100/100 Lighthouse performance score. 🛠️ The Admin Command Center: The second half dives into the custom-built Admin Dashboard. Powered by Laravel 11 and SQL, this is where the business happens: Real-time Monitoring: Instant visibility into store health and sales metrics. Inventory Control: A seamless interface to manage stock levels and add new luxury products to the catalog without touching a single line of code. Data Integrity: Full CRUD operations and role-gated security via Laravel Sanctum. The Architecture: This is a fully decoupled system using Tailwind CSS v4 for next-gen styling and Zustand for state synchronization across the entire platform. I specialize in building digital 'Vaults' that are as technically sound as they are visually immersive. Brand owners & Developers: Do you prefer building the 'Flashy' frontend or the 'Powerful' backend? For me, the magic happens in the integration. Let’s discuss! 👇
2
200
Wandr Jewelry V2: Full-Stack Luxury E-Commerce
1
8
Cover image for Next.js & Laravel Full-Stack Dashboard: Explore the Features
Full-Stack Dashboard — Next.js, Laravel, SQL & Tailwind CSS v4 Just shipped this analytics dashboard as part of a full-stack web app. The frontend runs on Next.js with Tailwind CSS v4, and the backend is powered by Laravel with a SQL database. Here's what's under the hood: Real-time KPI cards and data visualization pulling from a Laravel API Clean, minimal dashboard layout built for fast decision-making Modular, reusable component architecture in Next.js Fully responsive across desktop and tablet breakpoints Tailwind CSS v4 for utility-first styling with the new engine The goal: make complex data feel effortless to read. Every panel is designed to surface what matters without the noise. What would you change about the layout or UX? Drop your feedback below. #NextJS #Laravel #SQL #TailwindCSS #FullStack #Dashboard #WebDevelopment #FrontendEngineering
2
167
Cover image for 100/100 Performance Achieved: Building a
100/100 Performance Achieved: Building a High-Speed Full-Stack E-commerce Engine 🚀 Performance is not just a metric; it’s a business requirement. I’m thrilled to share the latest results for my Full-Stack E-commerce platform built with Next.js, Laravel, and SQL. Achieving near-perfect Lighthouse scores across the board wasn't easy, but the results speak for themselves: ⚡ Performance: 100/100 🔍 SEO: 100/100 🛡️ Best Practices: 96/100 ♿ Accessibility: 90/100 How I achieved this: Headless Architecture: Decoupled the Laravel backend from the Next.js frontend to ensure lightning-fast API responses and optimized rendering. Next-Gen Styling: Leveraged Tailwind CSS v4 for a minimal CSS footprint and superior build performance. Core Web Vitals Optimization: Near-zero CLS (Cumulative Layout Shift) and sub-second First Contentful Paint (0.3s) through aggressive asset optimization. State Management: Efficient global state handling using Zustand, minimizing unnecessary re-renders. This project proves that luxury e-commerce can be both visually immersive and technically flawless. What’s your priority when building full-stack apps: Speed, SEO, or Scalability? Let’s discuss in the comments! 👇
1
145