In Unicity, an e-commerce site, the company had multiple websites/stores using different technologies—one in Next.js and another in AngularJS. As a developer, I needed to understand each project with its respective technology stack.

For one of the websites using Next.js, we utilized dotCMS as a headless CMS. I was responsible for implementing a feature in Next.js that fetched content from dotCMS via a GraphQL API and rendered the data on the website. The headless CMS used a rich text editor for writing descriptions, headings, and variant content. The challenge was that the rich text editor provided data in HTML, which I had to insert into the site using dangerouslySetInnerHTML. The main challenge was styling this content, as it included various elements like images, text, and links. To address this, I used pseudo-elements in SCSS to style each element. Although it wasn't an ideal solution, it was the only feasible approach.

Additionally, in this project, I worked with Stripe and 3DS payment for the first time, which required extensive research to implement correctly.