I'm working on a solution to rendering a VEC personalization decision server-side in Next.js and React. Question is, is this possible? Here's what I've done so far on our site that uses the Adobe Web SDK extension in Tags.
When the page is rendering server-side using Next.js and React I make a request to the https://edge.adobedc.net/ee/v2/interact endpoint and I can see my VEC experience being returned.
Example of the data returned from the endpoint:
{
"id": "0",
"schema": "https://ns.adobe.com/personalization/dom-action",
"meta": {
"profile.et_rid": "true",
"activity.name": "TEST: VEC Made For You",
"experience.name": "Experience B",
"option.name": "Offer2",
"option.id": "2",
"profile.daysSinceLastVisit": "0.0",
"offer.id": "0",
"experience.id": "1",
"offer.name": "Default Content",
"profile.247228_activityImpression": "true",
"activity.decisioningMethod": "server-side",
},
"data": {
"type": "setHtml",
"format": "application/vnd.adobe.target.dom-action",
"content": "Made For You",
"selector": "#topMenuSection-70 > A:nth-of-type(1) > SPAN:nth-of-type(1)",
"prehidingSelector": "#topMenuSection-70 > A:nth-of-type(1) > SPAN:nth-of-type(1)"
}
},
Has anyone ever used the https://edge.adobedc.net/ee/v2/interact endpoint to render a VEC decision server side?