react storefront

Reaccione la tienda del marco para construir e implementar PWA de comercio electrónico de relámpagos.

Free y de código abierto. Construido con Next.js

React Storefront (RSF) utiliza una arquitectura sin cabeza, lo que le permite reemplazar fácilmente a su Legacy Frontend y conectarse a través de API a cualquier plataforma de comercio electrónico o sistema de backend. React Storefront se extiende Next.js para incluir todo lo que necesita para una tienda de comercio electrónico. ¡Pruebe la barra de empate, Akira y 1-800-flowers.com en su teléfono para ver qué tan rápido pueden ser los sitios en RSF!

Velocidad ridícula

React Storefront hace un esfuerzo adicional para exprimir la velocidad de todas las optimización de rendimiento real y percibida por el usuario, incluyendo:

• Altas tasas de accesorios de caché para datos dinámicos
• Representación del lado del servidor
• Creación de amplificador automático
• Pronabresión predictiva de datos dinámicos
• División de código
• Optimización de caché
• Reutilización de datos del cliente
• Esqueletos
• y más

En pocas palabras: ¡RSF está construido para la velocidad!

Un enfoque diferente

React Storefront adopta un nuevo enfoque audaz que valora la productividad del desarrollador, para que pueda hacer más en menos tiempo:

• Sin configuración - Descargue y comience a codificar
• Marco obstinado que te hace mucho trabajo
• Base de código unificado que usa JavaScript isomórfico en el servidor, el cliente y CDN
• Generar AMP y PWA a partir de una sola base de código
• Guía automáticamente a los desarrolladores a las mejores prácticas de rendimiento
• Admite mapas de origen para Chrome Debugger y Visual Studio Code

React Storefront es y siempre será de código abierto. Cualquiera puede usar y apoyar el proyecto. El objetivo de RSF es mejorar la experiencia de compra en línea para todos.

Hecho para vender

React Storefront está personalizado para el comercio electrónico: contiene componentes y plantillas de interfaz de usuario diseñadas para comercio electrónico. Es SEO y en el motor de búsqueda amigable. Además, React Storefront le permite preservar su esquema de URL existente.

Construido para sitios complejos

React Storefront escala de $ 10 millones a sitios de ingresos de $ 1B+ y ya está impulsando los sitios web líderes de comercio electrónico empresarial. El marco admite la migración del mundo real de sitios de comercio electrónico complejos a PWA en pasos incrementales.

Estamos buscando colaboradores y diseñadores dispuestos a ayudarnos en el desarrollo de la solución.

Integración

React Storefront se puede integrar fácilmente con cualquier plataforma de comercio electrónico a través de API.

Empezando

Para crear una nueva aplicación React Storefront, asegúrese de que el nodo 10 o el nuevo esté instalado y ejecutado:

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

Una vez que se ha creado su aplicación, puede iniciarla en modo de desarrollo ejecutándose:

 cd (my-app-name)
npm run dev

Documentos de desarrolladores

Desarrollo

Si desea contribuir, no dude en plantear un problema con un informe de solicitud de error o función, o simplemente abrir una solicitud de extracción con los cambios propuestos.

Desarrollo local

Después de clonar el repositorio, corre:

 npm i

Para usar su clon local de React-Storrefront en proyectos, use yalc .

Para publicar React-Storrefront en su tienda yalc local:

 yalc publish

Luego ejecute lo siguiente para impulsar las compilaciones actualizadas en la tienda YAlc en los cambios.

 npm run watch

Finalmente, en su proyecto Run:

 yalc add react-storefront

Esto cambiará el paquete.json de su proyecto para usar una ruta de archivo en la entrada de dependencia para React-Storefront. Para revertir este cambio, ejecute:

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

Únete a la comunidad en Slack

Si tiene alguna pregunta o idea, no dude en unirse a nuestra holgura: enlace de invitación

Documentación

¡La documentación es siempre la parte más difícil de cada proyecto de código abierto! Pero nos estamos esforzando :-) Guías completas, documentación de API y ejemplos

React Storefront es y siempre será de código abierto, lanzado bajo la licencia APACHE2.

Pruébelo en la capa0. Implementarlo en cualquier lugar.

Como cualquier proyecto Next.js, React Storefront se puede implementar en cualquier entorno que ejecute Node.js. La forma más fácil de probar e implementar React Storefront es en Layer0, un PAAS sin servidor que ayuda a los desarrolladores a optimizar la velocidad en toda la pila para entregar sitios web dinámicos de subsecond. Un nivel gratuito está disponible.

Fogonadura

RSF fue creado por un grupo de ingenieros de sitio de comercio electrónico, agencia de comercio electrónico y de la plataforma de comercio electrónico.

Se alienta a los socios a apoyar el proyecto de varias maneras, principalmente contribuyendo al código fuente, actividades de marketing, evangelización y, por supuesto, implementando los proyectos de producción. Apoyamos a nuestros socios mediante canales de contacto dedicados, talleres y compartiendo los clientes potenciales de comerciantes interesados en implementaciones.

React Storefront logotipo y pautas

La licencia

El código fuente React Storefront es completamente gratuito y se lanza bajo la licencia Apache V2.0. Verifique la licencia.md para obtener más detalles.