Layers Developer Center

VitePress
Decap CMS
Vue.js
TypeScript
Node.js
CI/CD
OpenAPI

Migração arquitetural completa do ecossistema de documentação da empresa, saindo de um build isolado em Stencil para um ambiente moderno com VitePress e CI/CD automatizado.

Sobre o Projeto

Durante meu estágio de verão, fiquei responsável por revitalizar o Layers Developer Center, principal porta de entrada para clientes que integram com serviços da Layers.

O Desafio

A versão anterior sofria com três gargalos centrais:

  • Isolamento tecnológico: stack em Stencil desalinhada do restante da empresa.
  • Alto custo de manutenção: alterações simples exigiam mudanças diretas em repositório.
  • Experiência fragmentada: ausência de busca e organização pouco eficiente.

Estratégia de Transformação

1. Migração para VitePress

Liderei a migração para VitePress, unificando stack e ganhando velocidade com Vite + simplicidade do Markdown.

2. Gestão de Conteúdo com Decap CMS

Integrei Decap CMS para permitir que pessoas não técnicas atualizassem conteúdo sem depender de alterações manuais de código.

3. UX e Conteúdo Técnico

Além da infraestrutura, redesenhei navegação e implementei:

  • Busca eficiente.
  • Melhor coesão visual (incluindo dark mode).
  • Tutorial prático de Notifications API para acelerar onboarding técnico.

Resultados

  • Menor latência de atualização de documentação.
  • Ecossistema unificado com o stack da empresa.
  • Mais credibilidade técnica para clientes em fase de integração.
Página inicial do Layers Developer Center

Recursos Externos