dropship admin

Comercio electrónico completo + panel de control y CMS: enrutador de aplicaciones Next.js 13, React, Tailwind, Prisma, MySQL, 2023

Para DEMO, use tarjetas de prueba Stripe

Este es un repositorio para un comercio electrónico Full Stack + panel y CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL

Características clave:

• ¡Utilizaremos Shadcn UI para el administrador!
• ¡Nuestro panel de administración servirá como CMS, administrador y API!
• ¡Podrá controlar múltiples proveedores/tiendas a través de este único CMS! (Por ejemplo, puede tener una "Tienda de zapatos", una "Tienda de portátiles" y una "Tienda de trajes", ¡y nuestro CMS generará rutas API para todas ellas individualmente!)
• ¡Podrás crear, actualizar y eliminar categorías!
• ¡Podrás crear, actualizar y eliminar productos!
• ¡Podrás cargar varias imágenes de productos y cambiarlas cuando quieras!
• Podrás crear, actualizar y eliminar filtros como "Color" y "Tamaño", y luego combinarlos en el formulario de creación de "Producto".
• Podrás crear, actualizar y eliminar "Vallas publicitarias", que son estos textos grandes en la parte superior de la página. Podrá adjuntarlos a una sola categoría o usarlos de forma independiente (¡nuestro administrador genera API para todos esos casos!)
• ¡Podrás buscar en todas las categorías, productos, tamaños, colores y vallas publicitarias con paginación incluida!
• ¡Podrás controlar qué productos están "destacados" para que se muestren en la página de inicio!
• Podrás ver tus pedidos, ventas, etc.
• Podrás ver gráficos de tus ingresos, etc.
• ¡Aprenderá la autenticación de cajero!
• Creación de pedidos
• Pago a rayas
• Webhooks de rayas
• MySQL + Prisma + PlanetScale

Requisitos previos

Versión del nodo 14.x

Clonando el repositorio

git clone https://github.com/vishwavinoth/dropship-admin.git

Instalar paquetes

npm i

Configurar archivo .env

 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY =
CLERK_SECRET_KEY =
NEXT_PUBLIC_CLERK_SIGN_IN_URL = / sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL = / sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL = /
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL = /

# This was inserted by `prisma init` :
# Environment variables declared in this file are automatically made available to Prisma .
# See the documentation for more detail : https : / / pris . ly / d / prisma - schema #accessing - environment - variables - from - the - schema

# Prisma supports the native connection string format for PostgreSQL , MySQL , SQLite , SQL Server , MongoDB and CockroachDB .
# See the documentation for all the connection string options : https : / / pris . ly / d / connection - strings

DATABASE_URL = ''
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME = ""
STRIPE_API_KEY =
FRONTEND_STORE_URL = http : //localhost:3001
STRIPE_WEBHOOK_SECRET =

Conéctese a PlanetScale y empuje Prisma

npx prisma generate
npx prisma db push

Inicia la aplicación

npm run dev

Comandos disponibles

Ejecutando comandos con npm npm run [command]

dominio	descripción
dev	Inicia una instancia de desarrollo de la aplicación.