![\"Logotipo](\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2023\/03\/logo-luma.png\"){kind=logo}
<\/figure>\n\n\n\nO Magento traz consigo o tema Luma. Ele serve como base e exemplo para aqueles que querem entender como um tema pode estender e modificar outro, ver como ele customiza partes de outros m\u00f3dulos e muito mais. <\/p>\n\n\n\n
Fora da caixinha<\/h2>\n\n\n\n
A necessidade por tecnologias mais inovadoras, r\u00e1pidas e modernas deram lugar a outras solu\u00e7\u00f5es.<\/p>\n\n\n\n
Frontends como Hyv\u00e4 Themes, Adobe PWA Studio, VueStorefront, GraphCommerce e muitas outras vieram ao resgate dos desenvolvedores inconformados.<\/p>\n\n\n\n
Mas claro, estas s\u00e3o apenas as tecnologias da moda. Quando voc\u00ea ler este artigo, algumas outras j\u00e1 ter\u00e3o surgido. \u00c9 assim que funciona, n\u00e3o \u00e9 mesmo? Quando voc\u00ea se especializar em uma delas, provavelmente teremos uma nova mais bacana. Mas isso \u00e9 papo pra outro post.<\/p>\n\n\n\n
Vamos ver um pouco das op\u00e7\u00f5es que temos, incluindo as conhecidas e n\u00e3o t\u00e3o conhecidas assim?<\/p>\n\n\n\n
GraphCommerce<\/h2>\n\n\n\n
O GraphCommerce \u00e9 feito com Next.js. Next.js \u00e9 um framework React que vem ganhando popularidade, e inclusive temos um curso sobre o assunto<\/a> a caminho.<\/p>\n\n\n\n No backend o GraphCommerce usa GraphQL Mesh<\/a> para gerar c\u00f3digo e queries diversas a partir das APIs de uma loja Magento. <\/p>\n\n\n\n \u00c9 ideal para desenvolvedores React que gostam de Next.JS e querem ganhar tempo com o front-end sem ter que fazer tudo do zero.<\/p>\n\n\n\n Al\u00e9m de React e Next.js \u00e9 aconselh\u00e1vel que o desenvolvedor tamb\u00e9m entenda de TypeScript.<\/p>\n\n\n\n Hyv\u00e4 vem da l\u00edngua finlandesa e significa literalmente “bom”. Mas tamb\u00e9m “desej\u00e1vel” e “aconselh\u00e1vel”. A forma correta de pronunciar \u00e9 “ruva” (escute aqui<\/a>).<\/p>\n\n\n\n Ele oferece todas as ferramentas que os desenvolvedores Magento j\u00e1 conhecem e gostam (layout XML, blocos, view models e phtml), mas sem as partes que eles n\u00e3o gostam (UI-components, Knockout, RequireJS, less CSS).<\/p>\n\n\n\n O Hyv\u00e4 Themes foi desenvolvido com foco no desempenho e redu\u00e7\u00e3o de complexidade, o que significa que voc\u00ea obt\u00e9m uma loja Magento mais r\u00e1pida e economiza horas de desenvolvimento em personaliza\u00e7\u00f5es.<\/p>\n\n\n\n Hyv\u00e4 oferece uma \u00f3tima alternativa para aplicativos de p\u00e1gina \u00fanica (SPAs), geralmente fornecendo sites mais r\u00e1pidos usando menos or\u00e7amento, enquanto usa ferramentas que a maioria dos desenvolvedores Magento j\u00e1 conhece. <\/p>\n\n\n\n Al\u00e9m disso ele tem como um de seus principais criadores e mantenedores o Vinai Kopp – um dos desenvolvedores com mais certifica\u00e7\u00f5es Magento e instrutor do Magenteiro.com<\/a>.<\/p>\n\n\n\n A curva de aprendizado \u00e9 menor pra quem j\u00e1 conhece o frontend do Magento, por\u00e9m tem um custo de cerca de \u20ac 1000 por instala\u00e7\u00e3o Magento.<\/p>\n\n\n\n Se voc\u00ea \u00e9 assinante do Clube Magenteiro<\/a>, assista a entrevista que fiz com Denis Spalenza<\/a> e veja um m\u00e3o na massa e dicas sobre hyv\u00e4.<\/p>\n\n\n\nHyv\u00e4<\/h2>\n\n\n\n
![\"Hands](\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2023\/03\/thumbnail.webp\")
<\/a>