Eureka Advertising#strapi, #nextjs

Though I built the backend machinery as well, the Eureka Advertising website's dynamics are limited, and so designing it was mostly an exercise in aesthetics and UX design. The four key features that resulted from that process were:

  • A video background
  • An introductory hero animation
  • A frosted-glass and panel aesthetic
  • A special dynamic between logo and navbar

The site is built with a Strapi headless CMS backend and NextJS incremental static generation. The Eureka Advertising team uses the Strapi interface to input their projects, update their splash page, about page, and who-we-are entries.

Whenever an entry is updated, Strapi triggers NextJS's revalidation webhook, which rebuilds the relevant static pages. The only backend hairball was the handling of the Contact page, which required setting up a procedural SMTP email sender. To achieve that I used nodemailer with a dedicated Gmail account which I could give proper Google API permission scopes.

designed with love <3