Back to projects
Local Commerce 3D Hub
Full 3D hub / Immersive commerce

LocalCommerce3DHub

Central full 3D hub for local shops with bakery, butcher, wine cellar, restaurant and fashion scenes plus cart, reservation and scene sheets.

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

A carousel to scan the identity, stack and product choices without leaving the case study.

Local Commerce 3D Hub - Un atrium central pour entrer dans chaque commerce
Hub01 / 06
Next.js 16React 19Three.jsReact Three Fiber
Hub

Un atrium central pour entrer dans chaque commerce

Le hub sert de point d’entrée premium avec des portes visuelles vers la boulangerie, la boucherie, la cave à vin, le restaurant et la boutique mode.

5scènes 3D
  • Navigation centrale claire
  • Accès rapides par commerce
  • Immersion 3D et fiche hub
01

Complete Tech Stack

🎨

Front-end

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

Back-end

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

Database

2
🧊3D assets
🧊GLB optimization
🚀

Infrastructure

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

About the project

The Local Commerce 3D Hub is an immersive digital shopping center. Users enter a central atrium and navigate to dedicated 3D scenes: bakery, butcher, wine cellar, restaurant and fashion store. The project shows how a local business can go beyond a simple website with 3D immersion, scene sheets, cart, product hotspots, restaurant reservation, 360 mode and smooth navigation between universes.

03

Key features

  • 01Central 3D atrium with access to local shops
  • 02Bakery, butcher, wine cellar, restaurant and fashion store scenes
  • 03Product hotspots, cart, scene sheets, immersion and 360 mode
  • 04Restaurant table booking with date, time and guests
  • 05Optimized GLB assets, progressive loading and responsive UI
04

Links