Skip to main content

Dec 2024–Aug 2025

FIGC / Atex Editorial

Frontend Engineer

NEXT.JS 13GRAPHQLOAUTH/OIDCAWSSTORYBOOKBACKSTOPJS

Two editorial platforms for high-traffic publishers including FIGC (Italian Football Federation). Multi-site Next.js 13 codebase, 100+ modules, GraphQL/Atex ACE CMS, paywall, AMP, full CI/CD on AWS.

Editorial platforms for two high-traffic publishers: FIGC (the Italian Football Federation, figc.it) and a major European newspaper. Both built on the same Next.js 13 multi-site codebase, sharing a library of 100+ modular components while supporting completely different visual identities and content strategies.

The content layer integrates with Atex ACE CMS via GraphQL — editors write in Atex, content flows through GraphQL resolvers into Next.js, and pages are statically generated or server-rendered depending on freshness requirements. AMP pages ensure fast mobile indexing. A paywall layer gates premium content behind OAuth/OIDC authentication.

CI/CD runs on AWS: CodePipeline triggers builds on push, distributes static assets via CloudFront, and handles canary deployments. Visual regression testing via BackstopJS catches unintended UI changes before they ship.

Key Contributions

  • Built 30+ editorial modules (article cards, carousels, live blogs, match widgets) in the shared component library
  • Integrated Atex ACE CMS via GraphQL with ISR caching strategy for content freshness at scale
  • Implemented OAuth/OIDC paywall flow for premium content gating with session management
  • Set up AMP pages for SEO-critical article templates, maintaining parity with canonical pages
  • Wrote BackstopJS visual regression suite covering 200+ component states across both brand themes