Intégration de l'API Mailchimp dans une application React Vite

Ce guide explique comment intégrer l'API Mailchimp dans une application React Vite pour automatiser les stratégies de marketing par e-mail. L'intégration implique la création d'un formulaire qui déclenche un appel API à Mailchimp lorsque l'utilisateur clique sur le bouton d'envoi. Les prérequis pour ce guide comprennent une compréhension de base de React, Node.js et Vite, ainsi qu'un compte Mailchimp. La mise en page de dossier suggérée sépare le frontend (application React Vite) et le backend (serveur Node.js) en deux répertoires distincts. Pour commencer, vous devez obtenir votre clé API Mailchimp, votre ID de liste et votre préfixe de serveur à partir de votre compte Mailchimp. Ensuite, vous configurez un projet Node.js distinct dans le répertoire backend et installez les packages requis, y compris express, @mailchimp/mailchimp_marketing, dotenv et cors. Le code backend crée un point de terminaison pour gérer les soumissions de formulaire et fait un appel API à Mailchimp pour ajouter un nouveau membre à la liste. Sur le frontend, vous créez une fonction pour gérer les soumissions de formulaire et faire une requête POST au point de terminaison backend. Enfin, vous configurez des variables d'environnement dans un fichier .env et démarrez les deux serveurs en utilisant concurrently.