online shop

Un modèle de site de commerce électronique, implémenté avec Next.js et TypeScript. Stylé avec Tailwindcss. C'est l'un de mes portefeuilles, mais je serais ravi que ces codes aient aidé les autres, donc je l'ai publié en tant que projet open-source. N'hésitez pas à l'explorer, et si vous avez besoin d'aide, demandez-moi. Je répondais le plus tôt possible.

Pour me soutenir, veuillez créer une demande Pull et donner une étoile à ce référentiel.
J'apprécie votre soutien à l'avance. ❤

Technologies • Demo • Caractéristiques • Pages • Débutant • Contribution • Contactez-moi

? Technologies

Démo

Vous pouvez visiter et explorer dans le modèle Zishop à Zishop.vercel.app.

Caractéristiques

• Utilisation de Redux Toolkit comme gestionnaire d'État
• Utilisation de Sanity.io comme base de données
• Pleinement réactif
• Multicangue (en-Fa)
• Multi-thème (sombre / clair)

? Pages

• Main (index)
• Connexion / inscription
• Liste de produits
• Détails du produit
• Chariot
• Favoris
• À propos

(Retour en haut?)

Commencer

1. Inscrivez-vous dans Sanity.io et obtenez projectId et token

Avertissement de travailler avec la santé mentale, les personnes qui vivent en Iran devraient utiliser un VPN .

2. Cloner le projet

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

3. Installez les dépendances du projet

npm install
# or
yarn add

4. Entrez votre projectId dans lib/client.ts
5. Ajouter un fichier .env dans Root Project et entrez votre token dans .env

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. Allez dans le dossier SANITY_ONLINESHOP et ouvrez un nouveau terminal dans ce chemin, puis

sanity start

Ouvrez http://localhost:3333 et entrez des produits.

7. Exécutez le serveur de développement dans le chemin racine du projet:

npm run dev
# or
yarn dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Vous pouvez commencer à modifier la page en modifiant pages/index.tsx . La page indique automatiquement la mise à jour lorsque vous modifiez le fichier.

? Contribuer

Les contributions font de la communauté open source un endroit incroyable pour apprendre, inspirer et créer. Toutes les contributions que vous faites sont grandement appréciées .

Si vous avez une suggestion qui améliorerait cela, veuillez débarquer le dépôt et créer une demande de traction. Vous pouvez également ouvrir simplement un problème avec la balise "amélioration". N'oubliez pas de donner une étoile au projet! Merci encore!

1. Fourk le projet
2. Créez votre branche de fonctionnalité ( git checkout -b feature/AmazingFeature )
3. Commissez vos modifications ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Ouvrir une demande de traction

Contactez-moi

---

(Retour en haut?)