Dev FullStack

Retour aux projets

CompanyViene

Site vitrine corporate multilingue moderne pour une entreprise d'ingénierie et de digitalisation avec interface responsive et fonctionnalités avancées

Next.js 15React 19TypeScript 5Tailwind CSS 3next-intlGoogle Maps APIUpstash RedisNodemailer 6ZodVercel
CompanyViene

Contexte du projet

Ce projet est né du besoin de créer une présence web professionnelle pour CompanyViene, une entreprise spécialisée dans l'ingénierie et la digitalisation. L'objectif était de développer un site vitrine moderne, multilingue (français/anglais) qui reflète le professionnalisme de l'entreprise tout en offrant une expérience utilisateur exceptionnelle. Le site devait présenter les services, permettre la prise de contact et s'adapter parfaitement aux standards internationaux.

Défis techniques

Les principaux défis techniques incluaient la mise en place d'un système d'internationalisation robuste avec Next.js 15, la gestion du routing dynamique multilingue avec des URLs SEO-friendly, l'intégration des APIs externes (Google Maps, système de mail), et la résolution des problèmes de compatibilité avec la dernière version de Next.js. La configuration du déploiement sur Vercel avec gestion des variables d'environnement et l'optimisation des performances ont également été des aspects cruciaux.

Galerie

Grille des domaines d'activités avec design moderne
Formulaire de contact avec validation et envoi d'emails
Footer responsive avec liens organisés

Informations clés

Durée du projet (WakaTime)
41 heures 14 minutes
Rôle
Développeur Full Stack & Consultant UI/UX
Client
CompanyViene

Points clés

  • Architecture Next.js 15 avec App Router et routing internationalisé
  • Support complet multilingue (FR/EN) avec next-intl
  • Système de navigation dynamique avec URLs localisées
  • Interface responsive moderne avec animations et transitions
  • Intégration Google Maps pour la localisation
  • Formulaire de contact avec validation Zod et envoi d'emails
  • Optimisations UI/UX avancées (spacing, typography, gradients)
  • Déploiement automatisé sur Vercel avec CI/CD
  • Gestion des erreurs et fallbacks robustes
  • Architecture modulaire avec composants réutilisables