Por ejemplo para hacer un eCommerce en MERN Stack tenemos que seguir estos pasos:

1. Obtenga archivos de diseño en Figma/Sketch/PSD, córtelos en HTML

   • Necesitará al menos aquellas páginas diseñadas
     • Pagina principal
     • Página de colección de productos/página de categoría (cuadrícula de productos con filtros)
     • Página de detalles del producto
     • Página de publicación de blog
     • Página de destino (va a promocionar la tienda, por lo que si no se vincula a una publicación de blog, necesitará una página de destino)

2. Elija una plataforma de comercio electrónico autónoma que se encargue del pago y el procesamiento de pedidos, además de proporcionar un panel de control para el cliente y todas las demás características necesarias, puede ser autohospedado o SaaS

   • autohospedado
     • Magento
     • WooCommerce
     • Silio
     • vendedor
   • SaaS
     • Shopify
     • grancomercio
     • Hinchar

3. Elija el motor con el que impulsará su compilación, será responsable del alojamiento y la compilación de Storefront

   • Nube Gatsby
   • netlizar
   • Vercel

4. Elija el marco para implementar Storefront, React es popular porque lo utilizan los principales jugadores y las plataformas de comercio electrónico como Shopify o BigCommerce, pero Next.js también es una buena opción.

   • GatsbyJS/Reaccionar
   • SiguienteJS

5. Explore los repetitivos, hay conectores Gatsby para plataformas populares como Shopify o WooCommerce, hay middleware como B2storefront que ofrece repetitivo de comercio electrónico multiplataforma.

6. Coloque el marcado HTML en el modelo estándar y configure la canalización de compilación

7. Conectar webhooks

8. Lanzar

Divulgación completa Soy uno de los fundadores de B2storefront