Core Web Vitals no Magento 2: como corrigir LCP, INP e CLS
Onde lojas Magento 2 com Luma perdem nos Core Web Vitals e como corrigir LCP, INP e CLS: resposta do servidor, CSS, fontes, imagens, galeria e scripts de terceiros.
← Voltar ao blog
Artigos sobre Frontend
16 artigos
Static content deploy no Magento 2: estratégias e opções
Acelere o setup:static-content:deploy no Magento 2: estratégias standard, quick e compact, jobs em paralelo, escopo de temas e locales e builds sem banco.
Layout XML do Magento 2: guia prático para desenvolvedores
Como o layout XML do Magento 2 funciona: handles, containers, blocks, move e remove, arguments, view models e page layouts, com exemplos que valem no 2.4.8.
Plano de migração do Luma para o Hyvä: auditoria, fases e lançamento
Plano de migração do Luma para o Hyvä no Magento 2: auditoria de extensões e tema, decisão de checkout, reconstrução página a página, paridade de SEO, testes e rollback.
Escrevendo componentes Alpine.js no Hyvä: padrões que escalam
Como escrever componentes Alpine.js no Hyvä: passar dados do PHP, view models, eventos de customer data, form keys, eventos entre componentes, CSP e templates limpos.
Módulos de compatibilidade Hyvä: fazendo extensões Luma funcionarem
Como funcionam os módulos de compatibilidade do Hyvä: CompatModuleRegistry, reescrita de templates de extensões com Alpine.js, layout handles hyva_ e fallback Luma.
Email templates customizados no Magento 2: declarar, enviar e sobrescrever
Crie e envie email templates customizados no Magento 2.4: email_templates.xml, sintaxe em strict mode, TransportBuilder, overrides pelo admin e arquivos de tema.
Guia de setup do tema Hyvä no Magento 2.4.8: da instalação ao deploy
Setup do Hyvä passo a passo no Magento 2.4.8: instalação por Composer, child theme, build do Tailwind, hyva:config:generate, ordem do deploy e problemas comuns.
Traduções no Magento 2: CSV i18n, language packs e strings JS
Como funcionam as traduções no Magento 2: CSVs i18n, language packages, override no theme, inline translation, strings de JS e Knockout e frases que ficam em inglês.
UI components e Knockout.js no Magento 2: o básico
Introdução prática a UI components e Knockout.js no Magento 2: uiComponent, templates, observables, imports e exports, jsLayout e o uiRegistry.
Hyvä vs Luma em 2026: o que muda para o desenvolvedor Magento
Hyvä vs Luma na visão do dev: Alpine.js e Tailwind contra RequireJS, Knockout e LESS, compatibilidade de extensões, opções de checkout e quando escolher cada um.
Customização do Tailwind no Hyvä: cores, fontes e safelists
Customize o Tailwind CSS em um tema Hyvä: content paths, cores e fontes da marca na v3 e v4, componentes com @apply, classes de CMS, safelists e CSS enxuto.
Como adicionar uma etapa customizada no checkout do Magento 2
Adicione uma nova etapa ao checkout Luma do Magento 2 com step-navigator, layout XML e template Knockout, e veja onde validar e guardar os dados que ela coleta.
Como criar um child theme no Magento 2 passo a passo
Crie um child theme do Luma ou do Blank no Magento 2: theme.xml, registration.php, composer.json, view.xml, logo, override de templates, aplicação e deploy.
Customização de LESS no Magento 2: _theme.less, _extend.less
Como personalizar os estilos do Luma com LESS no Magento 2: variáveis no _theme.less, adições no _extend.less, overrides de módulo, media queries e compilação com Grunt.
Mixins do RequireJS no Magento 2: estenda o JS do core sem override
Como escrever mixins do RequireJS no Magento 2 para UI components, widgets jQuery e módulos de função, como depurar e quando um map é melhor.