Skip to main content

Architecture et Structure

Le projet est structuré selon les conventions de Nuxt 3, intégré dans un monorepo géré par pnpm.

Structure des dossiers​

  • pages/ : Contient les vues principales de l'application (Accueil, Connexion, Profil, Articles, etc.).
  • components/ : Composants Vue réutilisables (Header, Footer, Recherche, Visionneuse 360).
  • composables/ : Logique métier partagée (gestion d'état, appels API).
  • assets/ : Ressources globales (CSS global, images statiques).
  • public/ : Fichiers statiques servis à la racine (favicon, etc.).
  • server/ : Fonctions API serveur Nuxt (proxy ou traitements spécifiques).
  • styled-system/ : Code généré par Panda CSS pour le système de design.

Modèle de Développement​

L'application utilise principalement le mode SSR (Server-Side Rendering) pour optimiser le SEO et les performances au chargement initial. L'intégration avec Directus se fait via un SDK/module client-side et server-side permettant une gestion sécurisée de l'authentification.