Painel de administração de comércio eletrônico
Bem-vindo ao Painel de administração de comércio eletrônico, seu hub centralizado para gerenciar várias lojas online com facilidade. Este painel de administração permite que você controle vários aspectos do seu negócio de comércio eletrônico, incluindo gerenciamento de produtos, estoque, vendas e muito mais. Construído com Next.js, Shadcn UI, Tailwind CSS, AWS RDS para PostgreSQL, AWS S3 para armazenamento de imagens e Clerk para autenticação, ele simplifica o gerenciamento de todo o seu ecossistema de comércio eletrônico.
Principais recursos
Gerenciamento de múltiplas lojas
- Gerencie facilmente várias lojas, como roupas, alimentos, computadores, etc., tudo a partir de um painel centralizado.
- Crie, atualize ou exclua outdoors, categorias, tamanhos, cores e produtos em diferentes lojas.
Tratamento eficiente de dados
- Utilize tabelas com funcionalidades de paginação e pesquisa para visualizar e gerenciar dados com eficiência.
- Simplifique o gerenciamento de estoque e apresente produtos facilmente na página inicial ou arquive-os.
Visualização de dados
- Obtenha insights sobre o desempenho do seu comércio eletrônico com representações gráficas de pedidos, vendas e receitas usando Recharts.
Autenticação com Escriturário
- Autentique administradores com segurança usando o Clerk, permitindo que eles façam login com suas contas do Google usando OAuth2 ou e-mail e senha.
Gestão de Pagamentos com Stripe
- Gerencie pagamentos sem esforço com a integração do Stripe, proporcionando uma experiência de transação perfeita.
Modos Temáticos
- Desfrute de uma experiência de usuário personalizada com suporte para modos de tema claro e escuro, melhorando a legibilidade e a estética.
Confirmação do pedido
- Receba confirmações automáticas por e-mail, incluindo um número de rastreamento de pedido exclusivo assim que o pedido for feito, garantindo que você esteja sempre informado sobre sua compra.
Demonstração
Para fins de demonstração, as rotas administrativas foram desabilitadas intencionalmente para produção, para que todos os visitantes possam visualizar o site administrativo em seu estado atual. Foram criadas duas lojas distintas, uma de roupas e outra de calçados, com produtos pré-configurados.
Explore a demonstração do painel de administração de comércio eletrônico para experimentar esses recursos em ação.
Loja Acompanhada
Página do Github
Site da loja de comércio eletrônico GitHub: Repositório GitHub
Site
Descubra a funcionalidade multiloja explorando as duas lojas distintas, mostrando a versatilidade da plataforma de e-commerce. Sinta-se à vontade para navegar, adicionar itens ao seu carrinho e concluir o processo de finalização da compra usando as informações do cartão de teste fornecidas abaixo para uma experiência completa.
Clique nos links para explorar os sites ativos:
- Site de loja de roupas de comércio eletrônico
- Site de loja de calçados de comércio eletrônico
Tecnologias Utilizadas
- Next.js: estrutura React para renderização do lado do servidor e construção de aplicativos da web
- Shadcn UI: uma biblioteca de componentes popular para construir interfaces de usuário acessíveis e altamente personalizáveis
- Tailwind CSS: estrutura CSS utilitária para estilo
- PostgreSQL: um poderoso sistema de gerenciamento de banco de dados relacional de código aberto
- AWS RDS: Amazon Web Services Relational Database Service para gerenciamento de bancos de dados PostgreSQL
- AWS S3: Amazon Web Services Simple Storage Service para armazenamento de imagens e outros ativos
- Funcionário: serviço de autenticação para gerenciar com segurança as entradas dos usuários
- Stripe: plataforma de processamento de pagamentos para lidar com pagamentos recorrentes
- Recharts: uma biblioteca de gráficos combináveis para criar visualizações de dados interativas
Capturas de tela
Página de visão geral (clara)
Página de visão geral (escuro)
Página de produtos
Editar página do produto
Página de login do funcionário
Licença
Este projeto está licenciado sob a licença MIT.
Contato
Se você tiver alguma dúvida ou sugestão, sinta-se à vontade para entrar em contato:
