online shop

next.jsと型に備えて実装されたeコマースサイトテンプレート。 Tailwindcssでスタイル。これは私のポートフォリオの1つですが、これらのコードが他のコードを助けてくれたら喜んでいるので、オープンソースプロジェクトとして公開しました。気軽に探索してください。助けが必要な場合は、私に尋ねてください。できるだけ早く応答します。

私をサポートするには、プルリクエストを作成し、このリポジトリに星を付けてください。
事前にご支援に感謝します。 ❤

テクノロジー•デモ•機能•ページ•開始•貢献•私に連絡する

？テクノロジー

デモ

Zishop.vercel.AppのZishopテンプレートにアクセスして探索できます。

特徴

• Redux ToolkitをState Managerとして使用します
• 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ファイルを追加し、 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. プルリクエストを開きます

私に連絡してください

---

（トップに戻る？）