ecommerce admin dashboard next13

Full Stack Next.js 13 Painel de administração e CMS para loja de comércio eletrônico | Next.js 13 App Router, React, Tailwind, Prisma, MySQL

Este é o repositório para um painel de administração e CMS totalmente funcional.

Encontre o repositório Github para a loja de comércio eletrônico aqui: https://github.com/demitraps/ecommerce-store-next13

Características

• Crie várias lojas
• Painel com estatísticas
• Crie outdoors por categoria diferente
• Tamanhos/Cores
• Produtos vinculados a tamanhos, cores, outdoors
• Produto de arquivo/recurso
• Editar/excluir outdoors, categorias, tamanhos, cores
• Página de pedidos com status de pagamento
• Chamadas de API para outdoors, categorias, tamanhos, cores, produtos
• Modo claro e escuro

Pilha de tecnologia

React, Next.JS 13, TypeScript, TailwindCSS

Autenticação: Validação de dados do funcionário: Zod FileUploads: Componentes Cloudinary: Banco de dados Shadcn: MySQL-PlanetScale com Prisma ORM

Entrar

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

Demonstração

Criação de produto:

e na loja:

Capturas de tela

Página inicial:

Criar loja:

Outdoors:

Criar outdoor:

Categorias:

Tamanhos:

Cores:

Produtos:

Criar produto:

Pedidos:

Configurações:

Modo de luz:

Lista de tarefas

• Várias quantidades por produto
• Notificações por e-mail
• Envios de vídeos
• Boletins informativos
• Estatísticas adicionais
• Marcar pedidos como concluídos
• Adicionar rastreamento

Pré-requisitos

Versão do nó 14.x

Clonando o repositório

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

Conecte-se ao PlanetScale e empurre o Prisma

npx prisma generate
npx prisma db push

Inicie o aplicativo

npm run dev

Comandos disponíveis

Executando comandos com npm npm run [command]

comando	descrição
dev	Inicia uma instância de desenvolvimento do aplicativo