Панель администратора электронной коммерции
Добро пожаловать на панель администратора электронной коммерции, ваш централизованный центр для простого управления несколькими интернет-магазинами. Эта панель администратора позволяет вам контролировать различные аспекты вашего бизнеса электронной коммерции, включая управление продуктами, запасами, продажами и многим другим. Созданный с помощью Next.js, пользовательского интерфейса Shadcn, Tailwind CSS, AWS RDS для PostgreSQL, AWS S3 для хранения изображений и Clerk для аутентификации, он упрощает управление всей вашей экосистемой электронной коммерции.
Ключевые особенности
Управление несколькими магазинами
- Легко управляйте несколькими магазинами, такими как одежда, еда, компьютеры и т. д., с одной централизованной панели управления.
- Создавайте, обновляйте или удаляйте рекламные щиты, категории, размеры, цвета и товары в разных магазинах.
Эффективная обработка данных
- Используйте таблицы с функциями нумерации страниц и поиска для эффективного просмотра данных и управления ими.
- Оптимизируйте управление запасами и легко размещайте продукты на главной странице или архивируйте их.
Визуализация данных
- Получите представление об эффективности вашей электронной коммерции с помощью графического представления заказов, продаж и доходов с помощью Recharts.
Аутентификация у клерка
- Надежно аутентифицируйте администраторов с помощью Clerk, позволяя им входить в систему либо со своими учетными записями Google, используя OAuth2, либо с помощью электронной почты и пароля.
Управление оплатой с нашивкой
- Легко управляйте платежами с помощью интеграции Stripe, обеспечивая удобство транзакций.
Режимы темы
- Наслаждайтесь персонализированным пользовательским интерфейсом с поддержкой как светлых, так и темных режимов тем, что повышает читабельность и эстетику.
Подтверждение заказа
- Получайте автоматические подтверждения по электронной почте, включая уникальный номер отслеживания заказа, после его размещения, гарантируя, что вы всегда будете в курсе своей покупки.
Демо
В демонстрационных целях маршруты администратора были намеренно отключены для работы, чтобы все посетители могли просматривать веб-сайт администратора в его текущем состоянии. Были созданы два отдельных магазина: один для одежды, другой для обуви, с предварительно настроенными товарами.
Изучите демо-версию панели администратора электронной коммерции, чтобы испытать эти функции в действии.
Сопровождаемый магазин
Страница на Гитхабе
Веб-сайт магазина электронной коммерции GitHub: репозиторий GitHub
Веб-сайт
Откройте для себя функцию работы с несколькими магазинами, исследуя два разных магазина, демонстрируя универсальность платформы электронной коммерции. Не стесняйтесь просматривать, добавлять товары в корзину и завершать процесс оформления заказа, используя информацию тестовой карты, представленную ниже, для получения полного опыта.
Нажмите на ссылки, чтобы изучить действующие веб-сайты:
- Сайт интернет-магазина одежды
- Сайт интернет-магазина обуви
Используемые технологии
- Next.js: платформа React для серверного рендеринга и создания веб-приложений.
- Shadcn UI: популярная библиотека компонентов для создания доступных и настраиваемых пользовательских интерфейсов.
- Tailwind CSS: фреймворк CSS для стилизации, ориентированный на утилиты.
- PostgreSQL: мощная система управления реляционными базами данных с открытым исходным кодом.
- AWS RDS: служба реляционных баз данных Amazon Web Services для управления базами данных PostgreSQL.
- AWS S3: простая служба хранения Amazon Web Services для хранения изображений и других ресурсов.
- Клерк: служба аутентификации для безопасного управления входом пользователей.
- Stripe: платформа обработки платежей для обработки повторяющихся платежей.
- Recharts: составная библиотека диаграмм для создания интерактивных визуализаций данных.
Скриншоты
Обзорная страница (светлая)
Страница обзора (темная)
Страница продуктов
Изменить страницу продукта
Страница входа в систему секретаря
Лицензия
Этот проект лицензируется по лицензии MIT.
Контакт
Если у вас есть какие-либо вопросы или предложения, пожалуйста, не стесняйтесь обращаться:
