online shop

Шаблон сайта электронной коммерции, реализованный с помощью next.js и TypeScript. Стиль с Tailwindcss. Это один из моих портфелей, но я был бы рад, если бы эти коды помогли другим, поэтому я опубликовал его как проект с открытым исходным кодом. Не стесняйтесь исследовать это, и если вам нужна помощь, спросите меня. Я бы ответил как можно скорее.

Чтобы поддержать меня, пожалуйста, создайте запрос на развлечение и дайте Star в этот репозиторий.
Я ценю вашу поддержку заранее. ❤

Технологии • демонстрация • Особенности • Страницы • Начало работы • Внесение вклад • Свяжитесь со мной

? Технологии

Демо

Вы можете посетить и исследовать в шаблоне Zishop по адресу Zishop.vercel.app.

Функции

• Использование Redux Toolkit в качестве государственного менеджера
• Использование 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 file в Root Project и введите свой token в .env

 NEXT_PUBLIC_SANITY_TOKEN = [ ENTER YOUR TOKEN ]

6. Перейдите в папку SANITY_ONLINESHOP и откройте новый терминал на этом пути, затем

sanity start

Откройте http://localhost:3333 и введите продукты.

7. Запустите сервер разработки в Project Root Path:

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. Откройте запрос на тягу

Свяжитесь со мной

---

(Вернуться на вершину?)