Volver a proyectos
Hub de comercios locales 3D
Hub 3D fullstack / Comercio inmersivo

Hubdecomercioslocales3D

Hub full 3D para comercios locales con atrio y escenas de panadería, carnicería, bodega, restaurante y boutique de moda, además de carrito, reservas y fichas de escena interactivas.

Next.js 16React 19Three.jsReact Three FiberZustand
00

Un carrusel para explorar la identidad, el stack y las decisiones de producto sin salir del caso práctico.

Hub de comercios locales 3D - Un atrio central para acceder a cada comercio
Centro01 / 06
Next.js 16React 19Three.jsReact Three Fiber
Centro

Un atrio central para acceder a cada comercio

El centro sirve como un punto de entrada premium con puertas visuales a la panadería, carnicería, bodega, restaurante y boutique de moda.

5escenas 3D
  • Navegación central clara
  • Acceso rápido por negocio
  • Inmersión 3D y ficha central
01

Stack tecnológica completa

🎨

Frontend

9
Next.js 16
⚛️React 19
📘TypeScript 5.7
🔺Three.js 0.185
🔺React Three Fiber 9
🔺Drei 10
🧭Zustand
🎨CSS Modules
🎨Lucide React
⚙️

Backend

3
Next.js API Routes
🛡️Zod 4
🍽️Restaurant CMS
🗄️

Base de datos

2
🧊3D assets
🧊GLB optimization
🚀

Infraestructura

5
Vercel
🖼️Responsive Images
Lazy loading
🏁Lighthouse 13
🧹ESLint 9
02

Sobre el proyecto

3D Local Commerce Hub es una experiencia inmersiva diseñada como un centro comercial digital premium. El usuario llega a un atrio central y navega por varias escenas 3D: panadería, carnicería, bodega, restaurante y boutique de moda. Cada espacio tiene su propia identidad, productos, puntos interactivos, controles y recorrido comercial. El proyecto muestra cómo un comercio local puede ir más allá de una simple página de presentación: inmersión 3D, fichas de escena, carrito, productos interactivos, reserva de mesa, modo 360°, regreso al hub y navegación fluida entre universos. El stack se basa en Next.js, React, TypeScript, Three.js, React Three Fiber, Drei, Zustand, recursos GLB optimizados y carga progresiva para mantener una experiencia fluida tanto en ordenador como en móvil.

03

Características clave

  • 01Atrio central full 3D con acceso a comercios locales
  • 02Escenarios dedicados: panadería, carnicería, bodega, restaurante y boutique de moda.
  • 03Productos interactivos, carrito, fichas de escena, inmersión 3D y modo 360°
  • 04Reserva de mesa en la escena del restaurante con fecha, hora y lugar
  • 05Recursos GLB optimizados, carga progresiva e interfaz responsive
04

Enlaces