Как разработчик, я не хочу ограничиваться шаблоном Shopify, но также не хочу использовать их API витрины с собственным приложением. Я хочу иметь полностью настраиваемое решение, которое я могу настроить по своему усмотрению. Из пользовательского интерфейса/ux, базы данных, бэкэнда, API, аутентификации, DevOps и так далее. Итак, я создал полностью настраиваемое решение для платежей с помощью React, Next.js, MongoDB и Stripe.

Ссылку на демо-версию можно найти здесь: https://wexcommerce.dynv6.net:8002

И исходный код здесь: https://github.com/aelassas/wexcommerce

С помощью следующего решения вы можете создать полностью настраиваемый веб-сайт электронной коммерции, оптимизированный для SEO, с работающим платежным шлюзом Stripe по очень низкой цене, разместив его на дроплете Docker с как минимум 1 ГБ ОЗУ.

Это решение состоит из внешнего интерфейса и панели администратора. Через интерфейс клиенты могут искать нужные им продукты, добавлять их в корзину и оформлять заказ. Клиенты могут зарегистрироваться с помощью Google, Facebook, Apple или электронной почты и оплатить кредитной картой, наложенным платежом, банковским переводом, PayPal, Google Pay, Apple Pay, Link или другими способами оплаты Stripe. После входа в систему они могут получить доступ к истории своих покупок и выполнять свои заказы. С панели администратора администраторы могут управлять заказами, платежами, продуктами, категориями, клиентами и общими настройками, такими как язык по умолчанию, валюта, доставка, способы доставки и оплаты.

Ключевое дизайнерское решение было принято в пользу использования TypeScript из-за его многочисленных преимуществ. TypeScript предлагает строгую типизацию, инструменты и интеграцию, что позволяет создавать высококачественный, масштабируемый, более читаемый и удобный в сопровождении код, который легко отлаживать и тестировать.

Функции

• Управление запасами
• Управление заказами
• Управление платежами
• Управление клиентами
• Несколько вариантов оплаты (кредитная карта, наложенный платеж, банковский перевод, PayPal, Google Pay, Apple Pay, ссылка)
• Оперативный платежный шлюз Stripe
• Несколько вариантов доставки (доставка на дом, оплата в магазине)
• Поддержка нескольких языков (английский, французский)
• Несколько вариантов входа в систему (Google, Facebook, Apple, электронная почта)
• Адаптивный бэкэнд и фронтенд

Ресурсы

1. Обзор
2. Установка (личное размещение)
3. Установка (Докер)
   1. Образ Docker
   2. SSL
4. Полоса настройки
5. Запуск из исходного кода
6. Демо-база данных
   1. Windows, Linux и macOS
   2. Докер
7. Изменить язык и валюту
8. Добавить новый язык
9. Журналы

Любые отзывы приветствуются.