ecommerce admin dashboard next13

Полный стек Next.js 13 Панель администратора и CMS для интернет-магазина | Next.js 13 Маршрутизатор приложений, React, Tailwind, Prisma, MySQL

Это репозиторий для полнофункциональной панели администратора и CMS.

Найдите репозиторий Github для магазина электронной коммерции здесь: https://github.com/demitraps/ecommerce-store-next13.

Функции

• Создать несколько магазинов
• Дашборд со статистикой
• Создавайте рекламные щиты для разных категорий
• Размеры/Цвета
• Товары, связанные с размерами, цветами, рекламными щитами
• Архив/функциональный продукт
• Редактировать/удалять рекламные щиты, категории, размеры, цвета
• Страница заказов со статусом оплаты
• API-вызовы для рекламных щитов, категорий, размеров, цветов и продуктов
• Светлый и темный режим

Технический стек

React, Next.JS 13, TypeScript, TailwindCSS

Аутентификация: Клерк Проверка данных: Zod Загрузка файлов: Cloudinary Компоненты: База данных Shadcn: MySQL-PlanetScale с Prisma ORM

Войти

https://ecommerce-admin-dashboard-next13-seven.vercel.app/

Демо

Создание продукта:

и в магазине:

Скриншоты

Домашняя страница:

Создать магазин:

Рекламные щиты:

Создать рекламный щит:

Категории:

Размеры:

Цвета:

Продукты:

Создать продукт:

Заказы:

Настройки:

Световой режим:

Список дел

• Несколько количеств одного продукта
• Уведомления по электронной почте
• Загрузка видео
• Информационные бюллетени
• Дополнительная статистика
• Отметить заказы как выполненные
• Добавить отслеживание

Предварительные условия

Версия узла 14.x

Клонирование репозитория

  git clone https://github.com/demitraps/ecommerce-admin-dashboard-next13.git

Подключитесь к PlanetScale и нажмите Prisma

npx prisma generate
npx prisma db push

Запустить приложение

npm run dev

Доступные команды

Запуск команд с помощью npm npm run [command]

команда	описание
dev	Запускает экземпляр приложения для разработки.