Criar uma nova aba custom em vtex my account

Consegui fazer um exemplo bem simples aqui pra você replicar:

  1. Copiar a pasta my-account-extension-example do repositório :github: vtex-apps/my-account. Como você está usando Store Framework, é preciso pegar da branch 1.x, dá para pegar só a pasta facilmente usando o degit:

    npx degit 'vtex-apps/my-account/my-account-extension-example#1.x' vtex.my-account-extension-example
    

    :warning: Atenção para a versão de onde você está pegando o exemplo: a branch master é a que funciona para o CMS Legado (Portal) e a branch 1.x é a que funciona para o Store Framework (VTEX IO).

  2. Crie um workspace de desenvolvimento e faça o link da app que você baixou:

    cd vtex.my-account-extension-example
    vtex login {accountName}
    vtex use {workspace} -r
    vtex link
    

    :information_source: {accountName} é o nome da sua conta (ex: grupolamoda) e {workspace} é o nome do workspace de desenvolvimento que você quiser criar para testar (ex: mydevworkspace).

  3. Visite a sua loja acessando {workspace}--{accountName}.myvtex.com e siga o fluxo de login como comprador. Você deve ver uma nova aba ao acessar a seção Minha conta (na rota /account#/support).

Espero que tenha ajudado!

2 Likes