Aller au contenu

Vue d'ensemble des services

Les trois services en un coup d'œil

graph TD
    subgraph Monorepo["📦 Monorepo drwh_front"]
        G[🏠 drwh_group\nLaravel / PHP\nPort 3001]
        T[💻 drwh_tech\nNext.js / React\nPort 3003]
        I[🏗️ drwh_immo\nNext.js / React\nPort 3002]
    end

    GW[🔀 Nginx Gateway] --> G
    GW --> T
    GW --> I

    G --> API[🔧 API Backend]
    T --> API
    I --> API

    style G fill:#e74c3c,color:#fff
    style T fill:#0066FF,color:#fff
    style I fill:#27ae60,color:#fff
    style GW fill:#2d2e2e,color:#fff
    style API fill:#8e44ad,color:#fff

Tableau comparatif

drwh_group drwh_tech drwh_immo
Rôle Landing page principale Site division technologie Site division immobilière
Technologie Laravel + PHP + Livewire Next.js + React + TypeScript Next.js + React + TypeScript
Port local 8002 4201 4200
Port Docker 3001 3003 3002
URL prod darewatchgroup.com tech.darewatchgroup.com immo.darewatchgroup.com
Tests PHPUnit Jest + Cypress Jest + Cypress
CSS Bootstrap Tailwind CSS Tailwind CSS

Accès rapide à la documentation de chaque service

  • 🏠 drwh_group

Site principal Laravel/PHP. Landing page, formulaire de contact, routing vers les autres pôles.

Documentation drwh_group

  • 💻 drwh_tech

Site Division Technologie. Services IT, blog tech, formations, carrières, contact.

Documentation drwh_tech

  • 🏗️ drwh_immo

Site Division Immobilière. Biens immobiliers, projets, lotissements, blog immo.

Documentation drwh_immo

Comment les services communiquent-ils ?

sequenceDiagram
    participant V as Visiteur
    participant NG as Nginx
    participant T as drwh_tech
    participant A as API Backend

    V->>NG: https://tech.darewatchgroup.com/blog
    NG->>T: Requête vers drwh_tech:3003
    T->>A: GET /api/v1/blog/articles
    A-->>T: JSON [{ articles }]
    T-->>NG: Page HTML rendue
    NG-->>V: Page affichée

La communication entre les services frontend et l'API backend se fait via des requêtes HTTP REST.
→ Voir la documentation API

Liens complémentaires