AO·dev

Sobre mim

Frontend, na prática,
há mais de 6 anos.

Ciência da Computação incompleta — o resto eu aprendi construindo: sistema de verdade, bug atrás de bug, projeto atrás de projeto.


Quem sou

Meu nome completo é Allan Guilherme Beira Oliveira — no site e no dia a dia assino como Allan G. B. Oliveira, mas deixo registrado aqui pra quem quiser confirmar que é a mesma pessoa do LinkedIn.

De onde vim

TriPagamentos foi meu primeiro emprego de carreira, e cheguei nele sabendo quase nada. A bagagem toda vinha da faculdade — Algoritmos e Estruturas de Dados em C estruturado, polimorfismo em Java, três semestres de Banco de Dados — nada de web de verdade. No primeiro dia, um colega me ensinou a subir o ambiente com Docker e eu cheguei a tentar editar um arquivo dentro da pasta vendor sem entender por que aquilo existia. Foi ali, entre Laravel no back e Vue.js no front, que aprendi Carbon e Facade na marra, construí um sistema de afiliados do zero, integrei gateway de pagamento e emissão de nota fiscal sem nunca ter visto nenhum dos dois — e só nos últimos meses, quando pedi pra focar mais em frontend e passei a semana inteira antes da minha saída caçando bug de responsivo, descobri com clareza que era aquilo que eu queria fazer.

O desafio que me fez crescer

Anos depois, já na K13, fiz o site de uma trading de grãos consumindo WordPress como API dentro de uma SPA em Vue/Nuxt — visualmente ficou muito bom. Só que eu não sabia nada de SEO técnico, Lighthouse, Schema.org, Search Console. Fiz o que eu conhecia, e a performance, hoje eu sei, ficou horrível. Foi o momento que mais me marcou tecnicamente: descobrir um buraco real no que eu achava que já sabia fazer. Não esqueci — é basicamente a razão de existir de tudo que documentei sobre performance e acessibilidade neste próprio portfólio.

Peso real, decisão real

Na Avanti trabalhei com lojas VTEX de todo tamanho — legadas, com anos de dívida técnica de várias mãos diferentes, e outras rodando IO com React. Foi lá que aprendi que decisão de frontend pode ter peso de verdade: numa Black Friday, ao tentar economizar tempo trocando o tema sazonal de três lojas do mesmo grupo ao mesmo tempo, misturei os arquivos entre marcas irmãs bem no pico de tráfego do ano. Deu tudo certo porque eu sempre guardava uma cópia local antes de qualquer mudança, mas o susto ficou. Desde então trato até um ajuste pequeno de CSS num e-commerce de verdade com o respeito que ele merece.

Complexidade de verdade

O Grupo 3C foi o salto de complexidade da minha carreira: um SPA gigante, monólito só, com três times codando o mesmo projeto ao mesmo tempo. Entrei tendo que relembrar Vue.js depois de um tempo só com VTEX e React, direto na Composition API. Construí dashboard em GraphQL sozinho, sistemas em tempo real via WebSockets, um Kanban de funis que ainda hoje é do que mais me orgulho de ter construído. E aprendi, na prática, o preço real de pular disciplina de teste — passamos meses só arrumando bug acumulado de sprints que focaram em entregar feature atrás de feature. Mudou como eu penso ritmo de entrega desde então.

Como eu trabalho hoje

Performance e acessibilidade entram como critério de aceite, não como revisão de última hora — testo contra Lighthouse, WAVE e o IBM Equal Access Checker enquanto ainda dá pra mudar o design, não depois que já foi pro ar. Mobile-first é ponto de partida do CSS, não breakpoint de exceção. Documento as decisões técnicas e os motivos por trás delas — inclusive o que não deu certo — porque isso poupa tempo de quem for mexer naquilo depois, inclusive eu mesmo, num projeto meu, um ano depois.

  • Clean Code
  • Product-Minded
  • Agile
  • Detail-Oriented

Trajetória

  1. 2024 – 2025Grupo 3C
    Frontend Engineer
    Vue.jsWebSocketsGraphQLIA GenerativaVue Flow
    • Sistemas de Partners e Públicos — parcerias e mailings com filtros de CNAE e enriquecimento de leads
    • Produtos e Serviços do zero — categorias, valores monetários e regras complexas
    • CRM com Kanban, agendamento de atividades e dashboard analítico em GraphQL + Chart.js
    • Omnichannel WhatsApp em tempo real via WebSockets, com chatbot em Vue Flow e IA Generativa
    • Disparos em massa (SMS/WhatsApp/IVR) — Step Wizard com monitoramento em tempo real
  2. 2022 – 2023Avanti
    Frontend Engineer · VTEX Specialist
    VTEX IOVTEX LegacyReactTypeScriptGTM
    • Grupo Clamed (Preço Popular, Drogaria Catarinense, Manipulação) e São João Farmácias — VTEX IO com React
    • Adega Alentejana e Daniela Tombini — manutenção de lojas VTEX Legacy com anos de dívida técnica
    • Deploy de tema sazonal de Black Friday em produção, sob pressão real de tráfego
    • Suporte evolutivo em lojas VTEX IO e Legacy — consumo de APIs, CMS, customizações
  3. 2021 – 2022K13
    Frontend Developer
    Vue.jsNuxtSCSSJS VanillaSEO
    • Sites institucionais, e-commerces e LPs de alto padrão — Prospecta, Planta Sul, Pedra Brilhante, Expressiva
    • Migração de HTML/SCSS/JS Vanilla para Vue.js + Nuxt SSR/SSG
    • Sistema de consentimento de cookies do zero — de iPhone 4 a telas 4K
    • Primeiro contato com Lighthouse — SEO técnico e performance como prioridade
  4. 2020 – 2021Let's Grow
    Desenvolvedor Fullstack
    PHPLaravelPostgreSQLVue.jsTailwind
    • Sistema de venda de cursos online — estilo Hotmart, com áreas de vendedor e aluno
    • API REST completa — rotas, validações, Repository Pattern, Models e Migrations
    • Redesign completo em Tailwind CSS no fim da minha passagem — área de membros e admin
    • Aqui descobri que Frontend era minha vocação

Stack Técnica

Frontend

  • Vue.js · Nuxt 4
  • React · Next.js
  • TypeScript
  • SCSS · Tailwind
  • Lit (Web Components)
  • Animações CSS/JS

E-commerce & CMS

  • VTEX IO · Legacy
  • Magento (integração)
  • WordPress (Headless)
  • GTM · Analytics

Backend & Infra

  • Node.js
  • PHP · Laravel
  • Docker · Traefik
  • REST APIs
  • GraphQL
  • WebSockets

Práticas

  • Clean Code
  • Component Design
  • SSR · SSG · CSR
  • SEO técnico
  • CI/CD
  • Agile