AEM EDS integration with mailchimp API for email subscription

[tapasa4aem]

Hi Team,

Good day.

Currently we are trying to migration project into AEM EDS using on Universal Editor.

In the existing legacy site we have an integration with mailchimp API. Where the end user is supposed to enter his/her email address for newsletter subscription. It has only an email field and a submit button.

I am new to EDS implementation. 

I need your thoughts about following queries. If possible share few useful/related links for reference.

Queries

========

1. What are the options do we have for consuming mailchimp in our EDS application?

2. Where and how to store/use the API keys securely?

3. Can we leverage Node.js to create server site extension for consuming mailchimp API, because we don't have to use any Java/Sling/OSGi code so if we try to use? If Yes than the node.js code should be part of boilerlate-code?

Thanks & regards,

Tapas

@jeevaneranti 

[arunpatidar]

Hi @tapasa4aem 

You need a BFF or Middleware to perform any backend logic like sending an email etc.

[tapasa4aem]

Hi @arunpatidar ,

Can you please share/suggest few related articles which explaining such BFF/middleware integration with EDS.

Else kindly share your thoughts about how to do so?

Thanks & best regards,

Tapas

[arunpatidar]

Hi @tapasa4aem 

If you already have an API then you don't need middleware/BFF.

you can call API from clientside(fetch/ajax using javascript).

In case you want to protect endpoints with secret, you can use CDN as proxy pattern.

[tapasa4aem]

Thanks for the update.

But it's not useful in my case which is mentioned in the original query.

regards

Tapas

[arunpatidar]

If you need to protect keys and implement backend logic, you'll need to set up a backend-for-frontend (BFF), such as a Node.js application. Alternatively, you can use Adobe App Builder, though keep in mind it may incur additional licensing costs.

If you're able to host an application—such as an AWS Lambda function—you can use it as your backend integration layer and invoke it via API calls from the frontend or client side.

[tapasa4aem]

@arunpatidar ,

Thanks a lot for your response.

Now I am trying to have an open mind about most of the options available.

I was wondering whether creating a separate node.js app for consuming the mailchimp api and accessing the same via my EDS block js code will impact lighthouse score. Assuming the app will take care of storing API keys securely.

Is it possible to use any connectors which can be used and configured to authenticate with mailchimpAPI and the same can be leveraged from my EDS custom block js code for fetching the end point to mailchimp.

Thanks & best regards,

Tapas

[arunpatidar · Accepted solution]

Hi @tapasa4aem 

The Lighthouse score is calculated during the page load, so sending an email on form submission won’t affect it.

However, if you're using a connector or another solution like EDS, it will likely trigger an API call to submit the form.

I'm not certain whether the backend system receiving the data can handle email sending. If there's no existing system for that, you'll need to build a custom backend application—such as a Node.js app—as we discussed earlier.

I would suggest to check this directly with Adobe EDS team as well at https://discord.com/channels/1131492224371277874/1148893229316587550 

[Supriya_Savre]

Hi @tapasa4aem,

Did the shared solution help you out? Please let us know if you need more information. Otherwise kindly consider marking the most suitable answer as ‘correct’.

If you've discovered a solution yourself, we would appreciate it if you could share it with the community.

[tapasa4aem]

Apologies for delayed response and thanks a lot for all of your valuable suggestions.

Unfortunately they didn't help me properly.

Now discussing with client for using another email subscription plugin which can be easily integrated with Adobe I/O so the integration with EDS can become smooth.

Still all the options are open.