Arquitetura front-end
Framework renderiza view; não decide como o produto se organiza. Esta coleção trata dessa camada que falta: onde mora a regra de negócio, como a pasta deveria contar o que o produto faz e como mudar a estrutura enquanto o sistema continua faturando.
A série Fundamentos de Arquitetura no Frontend é a melhor porta de entrada. O estudo de caso do checkout mostra as mesmas ideias aplicadas numa base grande e em produção.
Comece por aqui
-
React é uma biblioteca de Views, não uma arquitetura
Seu componente começou inocente, mas hoje faz tudo. Entenda por que React é uma biblioteca de Views, não uma arquitetura, e como separar domínio da UI.
-
Vertical slices no frontend: quando a pasta conta o que o produto faz
Como organizar uma SPA React em vertical slices por domínio: public API por slice, dados no loader da rota e um teste de arquitetura que impede o atalho no CI.
-
Como reorganizamos o checkout de um grande e-commerce sem parar de vender
Como reorganizamos o checkout de um grande e-commerce com Nuxt Layers, padrão CAL e linting automático para escalar — sem parar de vender em produção.
Séries deste guia
Todos os artigos (15)
-
LangGraph só pro handoff: um chatbot em que um modelo de decisão escolhe quem atende
Chatbot de pós-venda com LangChain e LangGraph em que um modelo de decisão escolhe o subagente por mensagem: arquitetura, código, fallback, A/B e falhas reais.
-
Decision models na prática: quando escolher o LLM por mensagem vale a pena (e quando o médio basta)
Coloquei o Microsoft-Decision-1 pra escolher subagente e LLM num chatbot de pós-venda: harness, calibration, cost guard e o que 1.000 conversas mostraram.
-
Vertical slices no frontend: quando a pasta conta o que o produto faz
Como organizar uma SPA React em vertical slices por domínio: public API por slice, dados no loader da rota e um teste de arquitetura que impede o atalho no CI.
-
React é uma biblioteca de Views, não uma arquitetura
Seu componente começou inocente, mas hoje faz tudo. Entenda por que React é uma biblioteca de Views, não uma arquitetura, e como separar domínio da UI.
-
Como reorganizamos o checkout de um grande e-commerce sem parar de vender
Como reorganizamos o checkout de um grande e-commerce com Nuxt Layers, padrão CAL e linting automático para escalar — sem parar de vender em produção.
-
Amazon Bedrock na prática: IA como parte da arquitetura, não como dependência externa
Como migrei de OpenAI para Amazon Bedrock: auth via IAM, billing consolidado, Haiku vs Sonnet por tarefa e trade-offs reais de rodar IA na AWS.
-
O que tenho aprendido ao construir um produto com Spec-Driven Development
O que aprendi construindo um produto com Spec-Driven Development: como specs estruturados eliminam débito técnico usando IA como par de desenvolvimento.
-
Monorepo NestJS com pnpm workspaces: como estruturei o dev experience para múltiplos serviços
Como estruturei um monorepo NestJS com pnpm workspaces para múltiplos serviços: packages compartilhados, hot reload em dev e build otimizado em produção.
-
Composable Abstraction Layer: o pattern que faltava entre Pinia e seus componentes Vue
Aprenda como o Composable Abstraction Layer elimina o acoplamento entre Pinia e Vue 3, centralizando lógica, side-effects e garantindo testabilidade por camada.
-
Arquitetura Modular com Nuxt Layers em Projetos Vue
Descubra como o Nuxt Layers organiza projetos Vue.js com arquitetura modular. Crie aplicações front-end escaláveis e manuteníveis com conceitos do backend.
-
Nuxt 4: Nova Estrutura de Diretórios e Guia de Migração
Descubra a nova estrutura de diretórios do Nuxt 4 com o diretório app/ e aprenda como migrar seus projetos do Nuxt 3 de forma segura e sem quebrar nada.
-
Armazenamento Persistente no Nuxt com Unstorage
Aprenda a usar o Unstorage no Nuxt para persistir dados server-side com Redis e Cloudflare KV. Guia completo com exemplos práticos de armazenamento no Nuxt 3.
-
Métricas para Medir a Performance em Software
Entenda as principais métricas de performance em software: latência, throughput e escalabilidade. Como monitorar e otimizar sistemas para alta disponibilidade.
-
Construindo uma Arquitetura Robusta
Explore os pilares de uma arquitetura de software robusta: configurabilidade, extensibilidade e facilidade de instalação para sistemas escaláveis e flexíveis.
-
O que são micro frontends
Entenda o que são Micro Frontends: o padrão arquitetural que aplica microsserviços ao frontend para times independentes, deploys ágeis e escalabilidade.