online shop

Eine E-Commerce-Site-Vorlage, implementiert mit Next.js und TypeScript. Mit Rückenwindcss gestaltet. Dies ist eines meiner Portfolios, aber ich würde mich freuen, wenn diese Codes anderen helfen, also habe ich es als Open-Source-Projekt veröffentlicht. Fühlen Sie sich frei, es zu erkunden, und wenn Sie Hilfe brauchen, fragen Sie mich. Ich würde so schnell wie möglich antworten.

Um mich zu unterstützen, erstellen Sie bitte Pull -Anfrage und geben Sie diesem Repository einen Star .
Ich schätze Ihre Unterstützung im Voraus. ❤

Technologien • Demo • Merkmale • Seiten • Erste Schritte

? Technologien

Demo

Sie können in der Zishop -Vorlage unter Zishop.vercel.app besuchen und erkunden.

Merkmale

• Verwenden von Redux Toolkit als State Manager
• Verwendung von Sanity.io als Datenbank
• Voll reagiert
• Multisprachiger (en-fa)
• Mehrthema (Dunkel/Licht)

Seiten

• Haupt (Index)
• Login/Anmeldung
• Produktliste
• Produktdetails
• Wagen
• Favoriten
• Um

(Zurück nach oben?)

Erste Schritte

1. Melden Sie sich in senty.io an und holen Sie sich projectId und token

Warnung , mit geistiger Gesundheit zu arbeiten, sollten Menschen, die im Iran leben, ein VPN verwenden.

2. Klonen Sie das Projekt

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

3. Projektabhängigkeiten installieren

npm install
# or
yarn add

4. Geben Sie Ihre projectId in lib/client.ts ein
5. Fügen Sie .env Datei zum Stammprojekt hinzu und geben Sie Ihr token in .env ein

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. Gehen Sie zum Ordner "Sanity_onlineshop" und öffnen Sie dann das neue Terminal auf diesem Weg

sanity start

Öffnen Sie http://localhost:3333 und geben Sie Produkte ein.

7. Führen Sie den Entwicklungsserver im Projekt Root Path aus:

npm run dev
# or
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Sie können mit dem Bearbeiten der Seite beginnen, indem Sie pages/index.tsx ändern. Die Seite Auto-Updates, während Sie die Datei bearbeiten.

?

Beiträge machen die Open -Source -Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren. Alle Beiträge, die Sie leisten, werden sehr geschätzt .

Wenn Sie einen Vorschlag haben, der dies besser machen würde, geben Sie bitte das Repo und erstellen Sie eine Pull -Anfrage. Sie können auch einfach ein Problem mit dem Tag "Verbesserung" eröffnen. Vergessen Sie nicht, dem Projekt einen Stern zu geben! Danke noch einmal!

1. Geben Sie das Projekt auf
2. Erstellen Sie Ihre Funktionszweig ( git checkout -b feature/AmazingFeature ).
3. Bestimmen Sie Ihre Änderungen ( git commit -m 'Add some AmazingFeature' )
4. Push in den Zweig ( git push origin feature/AmazingFeature )
5. Öffnen Sie eine Pull -Anfrage

Kontaktieren Sie mich

---

(Zurück nach oben?)