// SENIOR FRONT-END ENGINEER

Fast interfaces at millions-of-users scale.

Marco Aurélio Bacelar — 8+ years of experience, specializing in the React/Next.js ecosystem. Sole front-end engineer at Gazeta do Povo, a portal with 3M+ monthly pageviews: full ownership of architecture, performance, and ad tech (Google Ad Manager, Prebid) — fast experiences without sacrificing revenue.

View projects Contact

STATUS● ONLINE

LOCCuritiba, Brazil

EXP8+ years

STACKReact · Next.js · TS

CWVPASS ✓

// REAL RESULTSFront-end metrics from Gazeta do Povo, one of Brazil's largest newspapers — under my ownership.

-0%mobile CLS (0.3 → 0.03)

0.0M+monthly pageviews

0.0%good URLs, desktop

1engineer, entire front-end

Featured projects

Página de apuração das Eleições 2026 da Gazeta do Povo com resultados para presidente

Apuração Eleições 202620M+ VISITS

Gazeta do Povo's public real-time results page for Brazil's 2026 national elections: a Next.js app that consumes official TSE (Superior Electoral Court) data and generates static HTML, covering president, governor, senate, and congressional races. Over 20 million visits during the first-round vote count.

Next.js · TypeScript · SSG (HTML estático) · API TSE

Painel com mapa interativo do Brasil e votos por estado para a live das Eleições 2026

Mapa ao vivo — Eleições 2026LIVE

TV-ready interactive map of Brazil with votes by state: a panel shown during Gazeta do Povo's live YouTube broadcast of the 2026 election count, consuming TSE data in real time.

Next.js · TypeScript · SVG interativo · API TSE

Tela do TrendScoop para identificar lacunas de conteúdo a partir do Google Trends

TrendScoopAI TOOL

AI-powered competitive intelligence for the newsroom: cross-references Google Trends with real-time competitor coverage and uses LLMs (OpenRouter) to surface uncovered stories. Layered anti-hallucination guardrails (schema-validated JSON, runtime validation, source citation whitelist); deployed via Docker/Terraform on AWS.

Next.js 15 · React 19 · TypeScript · OpenRouter● INTERNAL PROJECT

Escala do Cumulative Layout Shift: bom até 0.1, precisa melhorar até 0.25, ruim acima

CLS Debugger em tempo realPERF

React hook that visually points to the exact component causing layout shift during navigation, diagnosing root causes that static-analysis tools couldn't catch. Paired with a Playwright harness with CI gates for INP, LCP, CLS, and TBT.

React hooks · Playwright · CI/CD● INTERNAL PROJECT

// CLIENT WEBSITES

Helena FerrariNutritionist in Curitiba specializing in healthy weight loss, dietary re-education, and personalized meal plans. Book an in-person or online consultation and reach your goals.Next.js · React · TS

Azul EmpréstimoFast, hassle-free credit in Colombo — Azul Crédito offers personalized financial solutions for you.Next.js · React · TS

Instituto ShukikanA space in Curitiba for body-based practices that help people find balance between body and mind, encouraging body awareness in everyday life.Next.js · React · TS

View all projects

Experience

FEB/2019 — PRESENT
● ACTIVE

Gazeta do Povo — Senior Front-End Engineer

›Sole engineer responsible for the entire front-end of a portal with 3M+ monthly pageviews — owning architecture, performance, ad tech, and end-to-end delivery.
›Led the Core Web Vitals initiative in partnership with Google: cut mobile CLS by 90% (0.3 → 0.03), taking the site from failing to 100% passing and raising Good URLs in Search Console from 5.21% to 72.25% (mobile) and from 22.12% to 92.9% (desktop).
›Since 2022, have built the real-time election results coverage: a public results page in Next.js generating static HTML from official TSE data (20M+ visits during the first-round vote count in 2026) and an interactive map of Brazil for the live YouTube broadcast.
›Re-architected the Google Ad Manager integration: unified ad modules under Single Request Architecture (SRA), replaced a timer-based refresh (a Google policy violation) with viewability-based refresh, and removed dead Prebid code — protecting revenue and page speed.
›Built internal performance tools: a real-time CLS Debugger (a custom React hook that visually points to the exact component causing layout shift) and a Playwright regression harness with CI gates for INP, LCP, CLS, and TBT.
›Designed, built, and shipped TrendScoop, an internal AI-powered competitive-intelligence tool for the newsroom, with layered anti-hallucination guardrails and CI/CD deployment via Docker/Terraform on AWS.
›Migrated legacy Pug templates to Next.js + TypeScript without losing SEO integrity or search rankings; co-created and maintains the company's design system and its error-handling and observability architecture.
›Served as interim tech lead, driving architecture decisions and writing the systems' technical documentation from scratch, cutting onboarding time for new developers.

MAY/2017 — JUN/2018

Koil Mercado Agrícola — Front-End Developer

›Built and maintained the Vue.js storefront for an agricultural equipment e-commerce platform: product catalog, checkout flows, and responsive UI.

Stack

LANGUAGES & FRAMEWORKS

TypeScriptReact 19Next.js 15JavaScript (ES6+)Node.jsVue.js

STYLING & UI

SCSS ModulesStyled ComponentsTailwind CSSDesign SystemsResponsive Design

WEB PERFORMANCE

Core Web Vitals (LCP, INP, CLS)Performance ProfilingTechnical SEOStructured Data

AD TECH

Google Ad Manager (GPT)Prebid.jsConsent Management (LGPD)

AI ENGINEERING

LLM Integration (OpenRouter/Gemini)Structured OutputsPrompt EngineeringAnti-Hallucination Guardrails

ENGINEERING

CI/CDGit/GitHubJestPlaywrightObservabilityTechnical Documentation

Education

JUL/2026

Postgraduate degree in Software Engineering, DevOps and Digital TransformationPUCPR

2016

B.A. in Systems Analysis and DevelopmentUniversidade Positivo

Languages

PortugueseNative

EnglishIntermediate

Let's work together?

CHANNELS● AVAILABLE

LINKEDINmarco-aurelio-bacelar

EMAILmarcobacelar@gmail.com

INSTAGRAM@marcobacelar

LOCCuritiba, Brazil — remote OK