HomeWorkAbout
[06]Wunderman ThompsonCorporate Group Website2022
Grupo Fersil

Grupo Fersil

Corporate website for Grupo Fersil — a monorepo with two Next.js apps (group + brand sites), DatoCMS via GraphQL, 20+ CMS-driven section blocks wired through a dynamic section config, four-language i18n with localized archive routes, and dual form submission targets (legacy API and Salesforce Web-to-Case) configurable from the CMS.

Visit Site

[About]

I set up this project as a monorepo with two Next.js apps sharing components and utilities — the parent company site and individual brand sites. The key front-end challenge was wiring 20+ CMS-driven section blocks through a dynamic config using next/dynamic, so that new section types added in DatoCMS are automatically available without touching the codebase. The i18n implementation was complex: four languages (PT, EN, ES, FR) with next-i18next, localized archive slugs (/casos-de-estudo/ in Portuguese becomes /cases/ in English), and a centralized page handler that normalizes data fetching, translations, and site config across all page types. Adding a new language requires only translation files and CMS content — zero code changes. The form system was the most reusable piece I built here. Submissions route to either a legacy API or Salesforce Web-to-Case, configured entirely from the CMS. Editors choose the target, map fields, and set up confirmations without developer involvement. This proved the CMS-driven architecture works for corporate contexts with Salesforce integration, not just marketing sites.

[Stack]

01Next.js02DatoCMS03GraphQL04Tailwind CSS05Framer Motion06i18n

[Gallery]

01 / 02
Hero
View Live