Full 3D-hub / Immersiv handel
3D-hubförlokalhandel
Central full 3D-hub för lokala butiker med bageri, slakteri, vinkällare, restaurang och modebutik plus varukorg, bokning och scenkort.
00
Projektöversikt
En karusell för att läsa identitet, stack och produktval utan att lämna caset.
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
Komplett Tech Stack
🎨
9Front-end
▲Next.js 16
⚛️React 19
📘TypeScript 5.7
🔺Three.js 0.185
🔺React Three Fiber 9
🔺Drei 10
🧭Zustand
🎨CSS Modules
🎨Lucide React
⚙️
3Back-end
▲Next.js API Routes
🛡️Zod 4
🍽️Restaurant CMS
🗄️
2Databas
🧊3D assets
🧊GLB optimization
🚀
5Infrastruktur
▲Vercel
🖼️Responsive Images
⚡Lazy loading
🏁Lighthouse 13
🧹ESLint 9
02
Om projektet
3D-hubben för lokal handel är ett immersivt digitalt köpcentrum. Användaren kommer in i ett centralt atrium och går vidare till 3D-scener för bageri, slakteri, vinkällare, restaurang och modebutik. Projektet visar hur lokala verksamheter kan gå längre än en vanlig webbplats med 3D-immersion, scenkort, varukorg, produkthotspots, restaurangbokning, 360-läge och smidig navigation.
03
Nyckelfunktioner
- 01✓Centralt 3D-atrium med access till lokala butiker
- 02✓Scener för bageri, slakteri, vinkällare, restaurang och mode
- 03✓Produkthotspots, varukorg, scenkort, immersion och 360-läge
- 04✓Bordsbokning med datum, tid och antal gäster
- 05✓Optimerade GLB-assets, progressiv laddning och responsivt UI
04