online shop

通過Next.js和Typescript實現的電子商務網站模板。用尾翼造型。這是我的投資組合之一，但是如果這些代碼幫助其他人，我會很高興，因此我將其作為開源項目出版。隨時探索它，如果您需要幫助，請問我。我會盡快回复。

為了支持我，請創建拉動請求，並向此存儲庫提供Star 。
感謝您提前的支持。 ❤

技術•演示•功能•頁面•入門•貢獻•與我聯繫

技術

演示

您可以在zishop.vercel.app的Zishop模板中訪問和探索。

特徵

• 使用Redux工具包作為州經理
• 使用SANITY.IO作為數據庫
• 完全響應
• 多語言（EN-FA）
• 多主題（黑暗/光）

頁面

• 主要（索引）
• 登錄/註冊
• 產品清單
• 產品詳細信息
• 大車
• 最愛
• 關於

（回到頂部？）

入門

1. 在SANITY.IO中註冊並獲取projectId和token

警告與理智合作，居住在伊朗的人應該使用VPN 。

2. 克隆項目

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

3. 安裝項目依賴項

npm install
# or
yarn add

4. 將您的projectId輸入lib/client.ts
5. 將.env文件添加到root project，然後將您的token輸入.env

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. 轉到SANITY_ONLINESHOP文件夾，然後在此路徑中打開新終端，然後

sanity start

打開http://localhost:3333並輸入產品。

7. 在項目根路徑中運行開發服務器：

npm run dev
# or
yarn dev

打開http：// localhost：3000使用瀏覽器查看結果。

您可以通過修改pages/index.tsx開始編輯頁面。編輯文件時，頁面自動更新。

貢獻

貢獻是使開源社區成為學習，啟發和創造的驚人場所的原因。您所做的任何貢獻都非常感謝。

如果您有一個可以使情況變得更好的建議，請分配存儲庫並創建拉動請求。您也可以簡單地使用標籤“增強”打開問題。別忘了給項目一個明星！再次感謝！

1. 分叉項目
2. 創建您的功能分支（ git checkout -b feature/AmazingFeature ）
3. 提交您的更改（ git commit -m 'Add some AmazingFeature' ）
4. 推到分支機構（ git push origin feature/AmazingFeature ）
5. 打開拉請請求

與我聯繫

---

（回到頂部？）