react storefront

React Storefront Framework для создания и развертывания молниеносных PWAS Ecommerce.

Бесплатный и открытый источник. Построен с next.js

React Storefront (RSF) использует безголовную архитектуру, позволяющую вам легко заменить ваш устаревший фронт и подключиться через API на любую платформу электронной коммерции или бэкэнд -систему. React Storefront Extens Next.js, чтобы включить все, что вам нужно для магазина электронной коммерции. Попробуйте на своем телефоне Tie Bar, Akira и 1-800-Flowers.com, чтобы увидеть, насколько быстро могут быть сайты на RSF!

Смешная скорость

React Storefront делает лишнюю милю, чтобы выжать скорость из всех возможных реальных и опытных оптимизации производительности, включая:

• Высокие показатели ударов в кэш для динамических данных
• Рендеринг на стороне сервера
• Автоматическое создание усилителя
• Прогнозирующее предварительное получение динамических данных
• Разделение кода
• Оптимизация кэша
• Повторное использование данных клиента
• Скелеты
• и еще

Итог: RSF создан для скорости!

Другой подход

React Storefront использует новый смелый подход, который ценит производительность разработчиков, поэтому вы можете сделать больше за меньшее время:

• Нет конфигурации - скачать и начать кодирование
• Самоуверенные рамки, которые делают для вас тяжелую работу
• Унифицированная кодовая база, которая использует изоморфный JavaScript через сервер, клиент и CDN
• Генерировать AMP и PWA из одной кодовой базы
• Автоматически направляет разработчиков в лучшие практики
• Поддерживает источники карты для отладчика Chrome и Visual Studio Code

React Storefront есть и всегда будет открытым исходным кодом. Любой может использовать и поддерживать проект. Цель RSF - улучшить опыт покупок в Интернете для всех.

Сделано для продажи

React Storefront создан специально для электронной коммерции: он содержит компоненты пользовательского интерфейса и шаблоны, предназначенные для электронной коммерции. Это SEO и поисковые системы. Кроме того, React Storefront позволяет сохранить существующую схему URL.

Построенный для сложных сайтов

React Storefront Scores от 10 до 1 млрд. Долл. США+ сайтов доходов и уже питает ведущие веб -сайты электронной коммерции предприятия. Структура поддерживает реальную миграцию сложных участков электронной коммерции в PWA в постепенных этапах.

Мы ищем участников и дизайнеров, желающих помочь нам в разработке решений.

Интеграции

React Storefront может быть легко интегрирована с любой платформой электронной коммерции через API.

Начиная

Чтобы создать новое приложение React Storefront, убедитесь, что узел 10 или более новый

 npm create react-storefront@latest --yes (my-app-name)

Как только ваше приложение будет создано, вы можете запустить его в режиме разработки, работая:

 cd (my-app-name)
npm run dev

Разработчик документы

Разработка

Если вы хотите вносить свой вклад, пожалуйста, не стесняйтесь поднять проблему с отчетом об ошибке или запросе функций или просто откройте запрос на привлечение с предложенными изменениями.

Местное развитие

После клонирования репо, беги:

 npm i

Чтобы использовать свой локальный клон React-Storefront в проектах, используйте yalc .

Чтобы опубликовать React-Storefront в ваш местный магазин YALC:

 yalc publish

Затем запустите следующее, чтобы подтолкнуть обновленные сборки в магазин YALC при изменениях.

 npm run watch

Наконец, в вашем проекте запустите:

 yalc add react-storefront

Это изменит пакет вашего проекта. JSON для использования пути файла в записи зависимости для React-StoreFront. Чтобы вернуть это изменение, запустите:

 yalc remove react-storefront # or yalc remove --all
npm i

Присоединяйтесь к сообществу на Slack

Если у вас есть какие -либо вопросы или идеи, не стесняйтесь присоединиться к нашей ссылке на Slack: приглашение

Документация

Документация всегда самая сложная часть каждого проекта с открытым исходным кодом! Но мы изо всех сил стараемся :-) Полные гиды, документация по API и примеры

React Storefront есть и всегда будет открытым исходным кодом, выпущенная по лицензии Apache2.

Попробуйте это на Layer0. Развернуть его где угодно.

Как и любой проект Next.js, React Storefront развертывается в любой среде, которая управляет node.js. Самый простой способ тестирования и развертывания React Storefront-это PAAS без сервера, которая помогает разработчикам оптимизировать скорость по всему стеку для предоставления субсекундных динамических веб-сайтов. Бесплатный уровень доступен.

Партнеры

RSF был создан группой сайта электронной коммерции, агентства электронной коммерции и инженеров платформы электронной коммерции.

Партнерам рекомендуется поддерживать проект различными способами - в основном внося вклад в исходный код, маркетинговую деятельность, евангелизацию и, конечно, внедрение производственных проектов. Мы поддерживаем наших партнеров посредством специальных контактных каналов, семинаров и делясь потенциальными клиентами, заинтересованными в реализации.

React Storefront Logo и руководящие принципы

Лицензия

Исходный код React Storefront полностью бесплатный и выпущен по лицензии Apache V2.0. Проверьте лицензию. MD для получения более подробной информации.