| frontend | ||
| server | ||
| .DS_Store | ||
| .gitignore | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
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 :
-
Configuration backend
- Copiez
server/cloudinary-backend/.env.exampleversserver/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 dansCORS_ALLOWED_ORIGINS.
- Copiez
-
Installer et lancer le serveur contact
cd server/cloudinary-backend npm install npm startPar défaut, l’API est disponible sur
http://localhost:3001/api/contact. -
Configuration du front-end
- Copiez
frontend/.env.local.exampleversfrontend/.env.local. - Ajustez
VITE_CONTACT_API_URLsi nécessaire (par défauthttp://localhost:3001/api/contacten dev). - Relancez l’application React :
cd frontend npm run dev
- Copiez
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.