Como desenvolvedor, não quero ficar confinado a um modelo do Shopify, mas também não quero usar a API da loja com um aplicativo personalizado. Quero ter em mãos uma solução totalmente customizável que eu possa ajustar do jeito que eu quiser. De ui/ux, db, backend, api, autenticação, devops e assim por diante. Então, construí uma solução totalmente customizável com React, Next.js, MongoDB e Stripe para pagamentos.

Você pode encontrar o link de demonstração aqui: https://wexcommerce.dynv6.net:8002

E código fonte aqui: https://github.com/aelassas/wexcommerce

Com a solução a seguir, você pode construir um site de comércio eletrônico totalmente personalizável e otimizado para SEO com um gateway de pagamento Stripe operacional a um custo muito baixo, hospedando-o em um droplet Docker com pelo menos 1 GB de RAM.

Esta solução é composta por um frontend e um painel de administração. No frontend, os clientes podem pesquisar os produtos que desejam, adicioná-los ao carrinho e finalizar a compra. Os clientes podem se inscrever no Google, Facebook, Apple ou e-mail e pagar com cartão de crédito, pagamento na entrega, transferência bancária, PayPal, Google Pay, Apple Pay, Link ou outros métodos de pagamento Stripe. Uma vez logado, eles poderão ter acesso ao histórico de suas compras e acompanhar seus pedidos. No painel de administração, os administradores podem gerenciar pedidos, pagamentos, produtos, categorias, clientes e configurações gerais, como idioma padrão, moeda, entrega, envio e métodos de pagamento aceitos.

Uma decisão importante de design foi tomada para usar TypeScript devido às suas inúmeras vantagens. TypeScript oferece digitação, ferramentas e integração fortes, resultando em código de alta qualidade, escalonável, mais legível e de fácil manutenção, fácil de depurar e testar.

Características

• Gerenciamento de estoque
• Gerenciamento de pedidos
• Gerenciamento de pagamentos
• Gestão de clientes
• Múltiplas opções de pagamento (cartão de crédito, pagamento na entrega, transferência bancária, PayPal, Google Pay, Apple Pay, link)
• Gateway de pagamento de faixa operacional
• Múltiplas opções de entrega (entrega em domicílio, retirada na loja)
• Suporte a vários idiomas (inglês, francês)
• Várias opções de login (Google, Facebook, Apple, Email)
• Back-end e front-end responsivos

Recursos

1. Visão geral
2. Instalação (auto-hospedado)
3. Instalando (Docker)
   1. Imagem do Docker
   2. SSL
4. Faixa de configuração
5. Executar a partir da fonte
6. Banco de dados de demonstração
   1. Windows, Linux e macOS
   2. Docker
7. Alterar idioma e moeda
8. Adicionar novo idioma
9. Registros

Qualquer feedback será apreciado.