gospeldownloads
NO WEBAMP: APERTE O PLAY •ARQUIVO: RADIOGOSPEL •NO WEBAMP: APERTE O PLAY •ARQUIVO: RADIOGOSPEL •
EPISÓDIOS
  • HOME
  • MUSIC
  • RADIO
  • WORK
  • PIANO
  • FOTOS
  • CANVAS
  • CORINTHIANS
IDIOMA
← WORK

WORK / REG. Nº 001

Pomme Verte

  • e-commerce
  • nuxt 3
  • sanity cms
  • vercel
CLIENTEPomme Verte, marca de roupas
ANO2026
ENTREGASite da loja, painel de edição (CMS) e deploy
STATUSNo ar em pommeverte.vercel.app. O domínio pommeverte.com.br está em configuração (DNS).
STACKNuxt 3 · Vue 3 · Sanity · GROQ · Vercel
ARQUITETURASite em Nuxt 3, renderizado no servidor (SSR) na Vercel. O conteúdo mora no Sanity, um CMS headless: cada página busca produtos, categorias e lookbook com consultas GROQ (@sanity/client, pela CDN da API). Como a busca acontece a cada visita, o que o dono publica no painel aparece no site sem novo deploy. As fotos ficam hospedadas no Sanity e saem pela CDN de imagens dele. Sem servidor nem banco próprios: tudo cabe no plano gratuito do Sanity e da Vercel.
CMSPainel Sanity Studio hospedado, para o dono editar a loja sem mexer em código. Produto: nome, endereço da página (gerado a partir do nome), preço, descrição, categoria, em estoque, tamanhos, guia de medidas e fotos (a primeira é a capa). Categorias: nome e ordem; viram os filtros da loja. Lookbook: coleções em ordem, cada uma com fotos e legendas.
FUNCIONALIDADESLoja com filtro por categoria; página de produto com galeria, escolha de tamanho e guia de medidas. Carrinho salvo no navegador, com a foto do produto voando até o ícone do carrinho. Frete grátis acima de R$ 600; o pedido fecha pelo WhatsApp, com itens, tamanhos, total e dados do cliente já escritos. Lookbook por coleção, com foto ampliada. Tema claro e escuro com transição de cortina, abertura animada com o logo e layout próprio para celular.

MODO CLARO

Loja: filtro de categorias e grade de produtosLoja: filtro de categorias e grade de produtosPágina de produto: fotos, tamanhos, carrinho e guia de medidasPágina de produto: fotos, tamanhos, carrinho e guia de medidasLoja no celularLoja no celularProduto no celularProduto no celular

MODO ESCURO

Loja no modo escuroLoja no modo escuroProduto no modo escuroProduto no modo escuroLoja no celular, modo escuroLoja no celular, modo escuroProduto no celular, modo escuroProduto no celular, modo escuro

ANIMAÇÕES

Abertura: o logo ocupa a tela e voa até o headerAbertura: o logo ocupa a tela e voa até o headerAdicionar ao carrinho: a foto voa até o ícone e o contador sobeAdicionar ao carrinho: a foto voa até o ícone e o contador sobeTroca de tema: uma cortina cobre a tela e revela o modo escuroTroca de tema: uma cortina cobre a tela e revela o modo escuro
VER SITE ↗