Octopus-React-Wp

Formulaire de contact – mise en route

Le formulaire (frontend/src/components/Pages/Contact.jsx) envoie désormais une requête POST vers l’API de contact.
Suivez ces étapes pour activer l’envoi d’e-mails :

1. Configuration backend

   • Copiez server/cloudinary-backend/.env.example vers server/cloudinary-backend/.env.
   • Renseignez vos identifiants SMTP (SMTP_HOST, SMTP_PORT, SMTP_USER, SMTP_PASS, etc.).
   • Facultatif : ajustez CONTACT_RECIPIENT, CONTACT_FROM, ou ajoutez des domaines supplémentaires dans CORS_ALLOWED_ORIGINS.

2. Installer et lancer le serveur contact

   cd server/cloudinary-backend
   npm install
   npm start
   

   Par défaut, l’API est disponible sur http://localhost:3001/api/contact.

3. Configuration du front-end

   • Copiez frontend/.env.local.example vers frontend/.env.local.
   • Ajustez VITE_CONTACT_API_URL si nécessaire (par défaut http://localhost:3001/api/contact en dev).
   • Relancez l’application React :

     cd frontend
     npm run dev
     

En production, assurez-vous que l’URL définie dans VITE_CONTACT_API_URL pointe vers votre API accessible publiquement (ex. https://octopusdesign.fr/api/contact) et que le serveur backend est déployé avec les mêmes variables d’environnement SMTP.