Aller au contenu principal

Stack Technique

Vue d'ensemble​

┌─────────────────────────────────────────────────────────────────┐
│                        INFRASTRUCTURE                            │
├─────────────────────────────────────────────────────────────────┤
│  Traefik (Reverse Proxy + SSL)                                  │
│  Docker (Containerisation)                                       │
└─────────────────────────────────────────────────────────────────┘
         │              │              │              │
         ▼              ▼              ▼              ▼
┌─────────────┐ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│   Landing   │ │  Frontend   │ │  Supabase   │ │   Video     │
│    Page     │ │   Angular   │ │   Backend   │ │  Generator  │
├─────────────┤ ├─────────────┤ ├─────────────┤ ├─────────────┤
│ HTML/CSS/JS │ │ Angular 17  │ │ PostgreSQL  │ │  Node.js    │
│ Nginx       │ │ NGXS        │ │ Edge Funcs  │ │  FFmpeg     │
│             │ │ Tailwind    │ │ Auth        │ │  Puppeteer  │
└─────────────┘ └─────────────┘ └─────────────┘ └─────────────┘

Frontend (front-dedicaces)​

Framework & Core​

TechnologieVersionUsage
Angular17.xFramework principal
TypeScript5.xLangage
RxJS7.xProgrammation réactive

State Management​

TechnologieUsage
NGXSStore centralisé
@ngxs/storage-pluginPersistance locale

UI & Styling​

TechnologieUsage
Tailwind CSSUtility-first CSS
DaisyUIComposants Tailwind
ngx-quillÉditeur riche

Services Externes​

TechnologieUsage
Supabase JSClient backend
ngx-stripePaiements
posthog-jsAnalytics/Erreurs

Vidéo (côté client)​

TechnologieUsage
@ffmpeg/ffmpegTraitement vidéo browser
fluent-ffmpegInterface FFmpeg

Backend (back-dedicaces)​

Supabase​

ComposantUsage
PostgreSQLBase de données
AuthAuthentification
StorageStockage fichiers
Edge FunctionsServerless (Deno)
RealtimeSubscriptions

Edge Functions Runtime​

TechnologieUsage
DenoRuntime JavaScript
TypeScriptLangage
Supabase SDKClient admin

Video Generator (dedicace-generator)​

Runtime​

TechnologieVersionUsage
Node.js20.xRuntime principal
Express4.xServeur HTTP

Traitement Média​

TechnologieUsage
FFmpegComposition vidéo
PuppeteerRendu HTML→Image
SharpTraitement images

Utilitaires​

TechnologieUsage
cheerioParsing HTML
heDécodage entités HTML
axiosRequêtes HTTP

Landing Page (landing-page-kazadedicate)​

Stack​

TechnologieUsage
HTML5Structure
CSS3Styles (inline)
JavaScriptInteractions
NginxServeur web

SEO​

TechnologieUsage
Sitemap XMLIndexation
Meta tagsSEO on-page
Schema.orgDonnées structurées

Infrastructure​

Containerisation​

TechnologieUsage
DockerContainers
Docker ComposeOrchestration locale

Reverse Proxy​

TechnologieUsage
TraefikRouting
Let's EncryptCertificats SSL

Domaines​

DomaineService
momentscollectifs.frLanding page
app.momentscollectifs.frApplication Angular
api.momentscollectifs.frVideo Generator

Versions et Compatibilité​

Node.js​

{
  "engines": {
    "node": ">=20.0.0"
  }
}

Angular​

{
  "@angular/core": "^17.0.0",
  "@angular/ssr": "^17.0.0"
}
  • Chrome 90+
  • Firefox 88+
  • Safari 14+
  • Edge 90+

Dépendances Principales​

front-dedicaces​

{
  "@angular/core": "^17.x",
  "@ngxs/store": "^3.x",
  "@supabase/supabase-js": "^2.x",
  "ngx-stripe": "^17.x",
  "ngx-quill": "^24.x",
  "@ffmpeg/ffmpeg": "^0.12.x",
  "posthog-js": "^1.x"
}

dedicace-generator​

{
  "express": "^4.x",
  "fluent-ffmpeg": "^2.x",
  "puppeteer": "^22.x",
  "sharp": "^0.33.x",
  "@supabase/supabase-js": "^2.x"
}