online shop

Una plantilla de sitio de comercio electrónico, implementada con Next.js y TypeScript. Estilizado con Tailwindcss. Esta es una de mis carteras, pero me complacería si estos códigos ayudaron a otros, así que lo publiqué como un proyecto de código abierto. Siéntase libre de explorarlo, y si necesita ayuda, pregúntame. Respondería lo antes posible.

Para apoyarme, cree una solicitud de extracción y entregue estrella a este repositorio.
Agradezco su apoyo de antemano. ❤

Tecnologías • Demo • Características • Páginas • Comenzando • Contribuyendo • Contáctame

? Tecnologías

Manifestación

Puede visitar y explorar en la plantilla Zishop en Zishop.vercel.app.

Características

• Uso de Redux Toolkit como State Manager
• Uso de Sienity.io como base de datos
• Totalmente receptivo
• Multi-lengua (en-fa)
• Multi-tema (oscuro/luz)

?

• Principal (índice)
• Iniciar sesión/registrar
• Lista de productos
• Detalles del producto
• Carro
• Favoritos
• Acerca de

(¿De vuelta a la cima?)

Empezando

1. Regístrese en Sanity.io y obtenga projectId y token

Advertencia para trabajar con cordura, las personas que viven en Irán deben usar una VPN .

2. Clon el proyecto

git clone https://github.com/ZahraMirzaei/online-shop.git

3. Instalar dependencias del proyecto

npm install
# or
yarn add

4. Ingrese su projectId en lib/client.ts
5. Agregar archivo .env al proyecto root e ingrese su token en .env

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. Vaya a la carpeta SANITY_ONLINESHOP y abra nuevo terminal en este camino, luego

sanity start

Abra http://localhost:3333 e ingrese productos.

7. Ejecute el servidor de desarrollo en la ruta de la raíz del proyecto:

npm run dev
# or
yarn dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

Puede comenzar a editar la página modificando pages/index.tsx . La página se actualiza automáticamente mientras edita el archivo.

? Contribuyendo

Las contribuciones son las que hacen que la comunidad de código abierto sea un lugar tan increíble para aprender, inspirar y crear. Cualquier contribución que haga es muy apreciada .

Si tiene una sugerencia que lo mejore, desembolse el repositorio y cree una solicitud de extracción. También puede simplemente abrir un problema con la etiqueta "Mejora". ¡No olvides darle una estrella al proyecto! ¡Gracias de nuevo!

1. Bifurca el proyecto
2. Cree su rama de características ( git checkout -b feature/AmazingFeature )
3. Comprometer sus cambios ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Abra una solicitud de extracción

Contáctame

---

(¿De vuelta a la cima?)