saleor storefront
2.11
Репозиторий Sailor-Storefront
DEPRECATEDМы решили построить новую витрину, начиная с нуля, без причудливого дизайна, сосредоточенного исключительно на лучших практиках для строительства торговых витрин. Новый проект, называемый React-Storefront, использует Next.js в качестве своего фундамента и ветра для внешнего вида. Вы можете найти его здесь: https://github.com/saleor/react-storefront.
Примечание. Этот проект является демонстрацией того, как можно использовать Saleor. Это не готово быть стартером, а скорее показывать, как можно рассматривать разные случаи, и можно использовать в качестве книги рецептов. Будут нарушенные изменения, и код постоянно развивается, поэтому используйте свой собственный риск.
PWA, PWA, одностраничная приложений для Saleor.
Смотрите общественную демонстрацию Saleor Storefront!
Или запустите демонстрацию на бесплатном экземпляре Heroku.
Эти инструкции дадут вам копию проекта и работают на местной машине для разработки и тестирования.
Чтобы запустить Storefront, вы должны установить переменную среды NEXT_PUBLIC_API_URI , чтобы указать на API Saleor GraphQL. Если вы используете Saleor локально, с настройками по умолчанию, NEXT_PUBLIC_API_URI установлен на: http://localhost:8000/graphql/ . Чтобы изменить его, либо создайте файл .env.local и добавьте его там, либо установите переменную ENV, используя команду export .
Клонировать репозиторий:
git clone https://github.com/mirumee/saleor-storefront.git
Введите каталог проекта:
cd saleor-storefront
Чтобы использовать официальный стабильный релиз, загляните в тег релиза:
$ git checkout 2.11.0
Смотрите список всех релизов здесь: https://github.com/mirumee/saleor-storefront/releases/
Если вы хотите использовать последнюю версию разработки, загляните в master Branch:
$ git checkout master
Установите зависимости NPM:
npm i
Запустите сервер разработки:
npm start
Перейдите на http://localhost:3000 чтобы получить доступ к магазине.
Чтобы скомпилировать запуск приложения:
$ npm run build
Для составления приложения и экспорта магазина в статический HTML -прогон:
$ npm run build:export
Чтобы скомпилировать приложение и запустить его в режиме производства со следующим сервером.
$ npm run build:start
Чтобы включить Apollo Devtools в производственной версии, установите переменную окружающей среды
NEXT_PUBLIC_ENABLE_APOLLO_DEVTOOLS=true
Если вы хотите запустить тесты Cypress, убедитесь, что все зависимости (включая Cypress ) установлены путем запуска команды установки.
npm i
Следующие переменные среды должны быть установлены для правильного запуска тестов:
API_URI - API API GRAPHQL.STATIC_URL - URL -адрес назначения статических файлов, например, S3 ведроCYPRESS_USER_NAME - имя пользователя (электронная почта) для пользователя Storefront .CYPRESS_USER_PASSWORD - для пользователя, упомянутого выше. Если вы запускаете магазин с точки зрения контейнера Docker , вы можете запустить тесты, используя следующие команды:
Режим без головы:
cy:run
Cypress UI режим:
cy:open
Если вы хотите запустить тесты против вашей местной среды разработки, то используйте следующие команды:
Режим без головы:
test:e2e:run
Cypress UI режим:
test:e2e:dev
Все новые компоненты должны следовать рекомендациям по атомной конструкции и размещаться в каталоге src/@next/components .
Структура файлов может быть сгенерирована с помощью plop :
npm run generate
Из Spectrum post
import Link from "next/link" и используйте новый путь, который вы создали в Paths.ts (обязательно импортируйте)default-channel . Этот проект лицензирован по лицензии BSD-3-CLAUSE-см. Файл лицензии для получения подробной информации
