Como desarrollador, no quiero estar limitado por una plantilla de Shopify, pero tampoco quiero usar su API de escaparate con una aplicación personalizada. Quiero tener a mano una solución totalmente personalizable que pueda ajustar como quiera. Desde ui/ux, db, backend, api, autenticación, devops, etc. Entonces, creé una solución totalmente personalizable con React, Next.js, MongoDB y Stripe para pagos.

Puede encontrar el enlace de demostración aquí: https://wexcommerce.dynv6.net:8002

Y el código fuente aquí: https://github.com/aelassas/wexcommerce

Con la siguiente solución, puede crear un sitio web de comercio electrónico totalmente personalizable y optimizado para SEO con una pasarela de pago Stripe operativa a muy bajo costo alojándolo en un droplet Docker con al menos 1 GB de RAM.

Esta solución se compone de una interfaz y un panel de administración. Desde la interfaz, los clientes pueden buscar los productos que desean, agregarlos a su carrito y realizar el pago. Los clientes pueden registrarse con Google, Facebook, Apple o correo electrónico y pagar con tarjeta de crédito, contra reembolso, transferencia bancaria, PayPal, Google Pay, Apple Pay, Link u otros métodos de pago de Stripe. Una vez conectados, podrán tener acceso al historial de sus compras y seguir sus órdenes. Desde el panel de administración, los administradores pueden administrar pedidos, pagos, productos, categorías, clientes y configuraciones generales como el idioma predeterminado, la moneda, la entrega, el envío y los métodos de pago aceptados.

Se tomó una decisión de diseño clave al utilizar TypeScript debido a sus numerosas ventajas. TypeScript ofrece escritura, herramientas e integración sólidas, lo que da como resultado un código de alta calidad, escalable, más legible y fácil de mantener, que es fácil de depurar y probar.

Características

• Gestión de stocks
• Gestión de pedidos
• Gestión de pagos
• Gestión de clientes
• Múltiples opciones de pago (tarjeta de crédito, contra reembolso, transferencia bancaria, PayPal, Google Pay, Apple Pay, enlace)
• Pasarela de pago Stripe operativa
• Múltiples opciones de entrega (Entrega a domicilio, Retiro en tienda)
• Soporte de varios idiomas (inglés, francés)
• Múltiples opciones de inicio de sesión (Google, Facebook, Apple, correo electrónico)
• Backend y frontend responsivos

Recursos

1. Descripción general
2. Instalando (autohospedado)
3. Instalación (Docker)
   1. Imagen de Docker
   2. SSL
4. Configurar franja
5. Ejecutar desde la fuente
6. Base de datos de demostración
   1. Windows, Linux y macOS
   2. Estibador
7. Cambiar idioma y moneda
8. Agregar nuevo idioma
9. Registros

Se agradece cualquier comentario.