| Modelo de arquitetura |
Templates e páginas geridos dentro do painel administrativo da VTEX |
Blocos nativos configurados via Site Editor, com apps VTEX IO |
Storefront headless, com front-end desacoplado em React/Next.js |
| Foco principal |
Publicação rápida de páginas dentro do modelo padrão da VTEX |
Equilíbrio entre agilidade de edição e componentes nativos |
Performance, customização profunda e arquitetura moderna |
| Forma de customização |
Limitada aos templates e opções disponíveis no CMS |
Blocos configuráveis, com apps VTEX IO para regras específicas |
Código React/Next.js aberto, com liberdade de front-end |
| Gestão de conteúdo |
CMS legado da VTEX, com edição direta de páginas |
Site Editor, com blocos editáveis pelo time de conteúdo |
CMS da VTEX integrado ao projeto, com fluxo de preview e publicação |
| Fluxo de desenvolvimento e deploy |
Alterações feitas diretamente no ambiente de produção |
Publicação por workspaces isolados antes da produção |
Pipeline de deploy próprio, com testes antes de cada publicação |
| Integração com aplicativos VTEX IO |
Limitada |
Nativa — construído sobre a própria VTEX IO |
Via APIs e serviços da VTEX, sem depender da mesma base de apps |
| Potencial de performance |
Depende da configuração e dos templates utilizados |
Bom, com otimizações nativas da plataforma |
Alto, com arquitetura pensada desde a origem para Core Web Vitals |
| Flexibilidade do front-end |
Baixa — restrita aos templates existentes |
Média — blocos nativos mais apps customizados |
Alta — front-end desacoplado e totalmente customizável |
| Cenário mais indicado |
Lojas ainda no modelo legado, em processo de avaliação |
Operações que priorizam agilidade de edição com apps sob medida |
Projetos que priorizam performance, liberdade de front-end e evolução |