Tillbaka till projekten
Maestro Computer
3D / Motion Portfolio

MaestroComputer

Premium Next.js-portfolio för tjänster, projekt, 3D-butik och MaestroComputer-ekosystemet med animation, SEO och flerspråkig arkitektur.

Next.js 16React 19Three.jsGSAP
00

En karusell för att läsa identitet, stack och produktval utan att lämna caset.

Maestro Computer - Un accueil premium prêt à convertir
Portfolio01 / 03
Next.js 16React 19Three.jsGSAP
Portfolio

Un accueil premium prêt à convertir

La nouvelle capture d’accueil montre le positionnement MaestroComputer : Web3 premium, disponibilité claire, navigation propre et parcours d’appel visible dès le premier écran.

CETremote-first
  • Hero sombre et doré cohérent avec la marque
  • CTA réservation et packs Web3 accessibles immédiatement
  • Preuves de disponibilité, stack et statut visibles sans scroll
01

Komplett Tech Stack

🎨

Front-end

12
Next.js 16
⚛️React 19
📘TypeScript 5.7
🔺Three.js 0.185
🔺React Three Fiber 9
🔺Drei 10
🎬Framer Motion
🎬Motion 12
🎯GSAP 3.12
↕️Lenis
🎨CSS Modules
🌐ogl
⚙️

Back-end

6
Next.js API Routes
🌍next-intl 4
🛡️Zod 4
📧EmailJS 4
Vercel
🐙Git/GitHub
🚀

Infrastruktur

4
🏁Lighthouse 13
🧹ESLint 9
🖼️Responsive Images
🔎SEO Metadata
02

Om projektet

Maestro Computer är ekosystemets huvudsakliga portfolio- och kommersiella webbplats. Den samlar premiumvarumärke, lokaliserade sidor, projektcase, tjänsteerbjudande, kontaktflöde och separata 3D-upplevelser för butik/showroom. Den tekniska grunden använder Next.js 16, React 19, TypeScript, next-intl, CSS Modules, Three.js, React Three Fiber, GSAP, Framer Motion och Vercel. Målet är inte bara att visa en portfolio, utan att fungera som en seriös bas för att sälja premiumwebbplatser, 3D-gränssnitt, fullstack-plattformar och Web3/AI-produkter med bra prestanda, SEO och underhållbarhet.

03

Nyckelfunktioner

  • 01Next.js 16 App Router-arkitektur med FR/EN/IT/DE/SV/ES-sidor
  • 02Projektportfolio med case, SEO-metadata och lokaliserad navigering
  • 03Three.js / React Three Fiber-upplevelser för 3D-demonstrationer
  • 04GSAP, Framer Motion, Motion och mjuk Lenis-scrollning
  • 05Kontaktformulär kopplat till EmailJS med validering och ren routing
  • 06Bildoptimering, Lighthouse, ESLint och Vercel-deploy
04

Länkar