Muitos desenvolvedores e especialistas em ecommerce se viram travados enquanto tentavam mudar elementos dos seus sites devido a restrições de código, time-to-market e outros obstáculos. Imagine se isso fosse facilitado através de uma rede de APIs, recursos de fácil utilização e computação sem servidor? Já é hora de conhecer o VTEX IO.
O VTEX IO é a plataforma de desenvolvimento low-code da VTEX e neste artigo vamos mostrar o que ele tem de melhor. Se você ainda não está familiarizado com nossa plataforma, este artigo será ótimo para que você possa conhecê-la e queira experimentá-la.
Mesmo se já estiver familiarizado com ele, você poderá também obter alguns insights.
8 benefícios do VTEX IO
O VTEX IO oferece as ferramentas necessárias para que você possa se concentrar no código em vez de perder tempo com o gerenciamento de infraestrutura.
1. Infraestrutura
Os desenvolvedores não precisam se preocupar com servidores e podem se concentrar 100% em construir experiências excepcionais, já que o VTEX IO cuida da parte de infraestrutura do negócio. É uma plataforma nativa na nuvem, por isso permite que os desenvolvedores rodem aplicações escaláveis imediatamente sincronizadas com nossa plataforma – e você não precisa instalar mais nada para conseguir fazer o deploy!
2. Não é necessária nenhuma configuração
Todo desenvolvimento na plataforma VTEX IO começa e termina com a VTEX IO CLI (Command Line Interface), que é exatamente o que você precisa durante seu processo de desenvolvimento. Assim que você tiver acesso a uma conta VTEX, você pode começar a usá-la para desenvolver suas aplicações sem ter que lidar com inúmeras configurações. O VTEX IO já vem pronto para ser usado.
Utilizando apenas a CLI, você pode acelerar o desenvolvimento ao:
- Fazer login na sua conta;
- Vincular arquivos locais ao VTEX IO;
- Lançar novas versões dos apps;
- Deprecar apps.
3. Workspaces
Quando os desenvolvedores estão fazendo o deploy do código, é essencial ter certeza de que ele não está interrompendo nenhuma experiência e é super importante poder avaliar se a mudança no código, de fato, melhora as métricas do seu negócio.
Tudo isso é possível através de workspaces, que são, basicamente, versões do seu código. Inúmeros workspaces estão disponíveis para que você possa fazer modificações no código, rodá-lo em um ambiente semelhante ao de produção e até mesmo comparar mudanças através de um teste A/B.
4. Verificação fluida de permissão do usuário
Para acessar uma conta VTEX e desenvolver novas aplicações usando o VTEX IO, o usuário precisa de permissão. Porém, graças à forma como o VTEX IO é estruturado, o processo de autenticação é muito fácil. Uma vez autenticado, você pode vincular apps, navegar pelos seus workspaces e testar as mudanças no código sem ter o fluxo interrompido.
5. Variedade de aplicações
É possível desenvolver muitos tipos de aplicações interessantes e diferentes usando o VTEX IO. Você pode construir:
- Apps de storefront;
- Componentes React sob medida;
- Apps de admin (ampliando a interface do admin da sua loja);
- Apps de back-end (construindo serviços back-end usando Nodo ou .NET Core);
- Pixel apps (conectando sua loja com uma solução externa);
- Apps mobile.
6. Comunidade
Temos uma comunidade em crescimento e engajada que aprende e melhora junto. Para possibilitar a comunicação entre os desenvolvedores externos e a VTEX, temos algumas soluções, como o VTEX Community, um fórum para fazer perguntas, compartilhar ideias e resolver problemas, e o VTEX Developers, um canal no YouTube no qual realizamos o Office Hours, para fazer anúncios semanais, responder perguntas da comunidade e ter um espaço aberto para apresentar demos.
Qualquer pessoa que trabalhe com soluções da VTEX é bem-vinda e convidada a interagir através dos canais VTEX Community e/ou VTEX Developers. Dessa forma, compartilhamos o conhecimento dentro da nossa comunidade. Além disso, encorajamos qualquer pessoa a contribuir para nossos apps do VTEX IO Store Framework e blocos de lojas.
7. VTEX IO Store Framework
É impossível falar sobre o VTEX IO sem mencionar o Store Framework. O VTEX IO Store Framework é uma estrutura de implementação low-code com foco no desenvolvimento do storefront das lojas VTEX. A ideia é acelerar o desenvolvimento das lojas usando partes de códigos chamados de blocos de lojas, que são essencialmente componentes React de alta qualidade que permitem construir rapidamente seu storefront.
Por exemplo, se o desenvolvedor quiser adicionar um componente rich-text – usado para texto escrito em markdown – à homepage, ele só precisará adicionar o bloco “rich-text” com o texto que deseja e adicionar uma referência a ele no bloco da homepage da loja:
“`
{
“store.home”: {
“blocks”: [“rich-text”]
},
“rich-text”: {
“props”: {
“text”: “Hello, World!”
}
}
}
“`
Além da vantagem para os desenvolvedores, também permite que os gerentes de conta – que não estão necessariamente familiarizados com o código, como o pessoal de marketing, façam mudanças na loja pelo Site Editor. O Site Editor é um painel do lado do admin da plataforma da VTEX que permite mudanças no storefront sem ter que lidar com nenhum código, modificando apenas as propriedades do bloco. Por exemplo, é possível mudar as imagens dos banners abaixo:
8. Lojas sempre evoluindo
Combinando as vantagens da plataforma VTEX IO com o Store Framework, você terá lojas sempre atualizadas e aprimoradas sem ter que fazer nada. Nós e nossa comunidade estamos continuamente melhorando a experiência de desenvolvimento, criando novos blocos de lojas, corrigindo bugs e construindo apps que incorporam novas funcionalidades às lojas.
Assim, você pode sempre melhorar sua loja e, dependendo de qual aplicativo está sendo atualizado, sua loja pode aproveitar, perfeitamente, as mudanças feitas na nova versão.
Saiba mais sobre o VTEX IO
Estes são apenas alguns dos aspectos sobre a VTEX IO que me deixaram extremamente impressionada com a VTEX quando entrei na empresa, e agora estou muito feliz em trabalhar constantemente com ele. Você ficou, no mínimo, curioso sobre o VTEX IO? Então você pode conhecer melhor sobre ele lendo nossa documentação no nosso Developers Portal e no nosso Learning Center.
