Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso para crear un ecommerce serverless con Gatsby!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso para crear un ecommerce serverless con Gatsby

Video Qué tecnologías se usarán en este curso

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

La aplicación que desarrollamos en el curso está construida con Gatsby, un framework para generar sitios web estáticos, basado en React y graphql.

Para tomar el curso, no es necesario que hayas trabajado antes con Gatsby, pero se recomienda conocer los fundamentos de React. También recomendamos conocimientos básicos en graphql, pero éste no es un requisito obligatorio.

Gatsby es un framework que produce sitios web rápidos, de alto rendimiento y seguros. Debido a que los sitios web de Gatsby son archivos estáticos, no existe código en el servidor, lo que hace a Gatsby una tecnología perfecta para desarrollar aplicaciones serverless.

Gatsby usa React para ofrecer una experiencia de desarrollo moderna. Además, una vez que una página de Gatsby llega al navegador, cede el control a Rect para actuar como una single page app, ofreciendo beneficios adicionales de rendimiento y desarrollo de interactividad.

También es importante mencionar, que Gatsby cuenta con una capa de comunicación de datos en graphql, esta capa permite que alimentes de información de tu aplicación de distintas fuentes de datos. En el caso de nuestro proyecto, los datos provienen del API de Stripe donde enlistaremos nuestros productos, sus variaciones y precios.

El manejador de pagos para nuestra tienda en línea es Stripe, una plataforma para desarrolladores con distintos productos de integración de cobros, incluído el Checkout para clientes, como el navegador, una herramienta perfecta para la integración de cobros en una plataforma serverless.

Por último, añadiremos Redux a nuestra app, un manejador de estado que nos permite almacenar la información en un store centralizado, al cuál nuestros componentes de React se pueden conectar para compartir información, modificarla y consultarla, de manera que las modificaciones en un componente, actualicen todos los demás que usan esa información.

  • Módulo 1 | 4 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso ecommerce serverless

    • play_circle_outline

      Clase 2

      Conocimientos previos

    • play_arrow

      Clase 3

      Qué tecnologías se usarán en este curso

    • play_circle_outline

      Clase 4

      Qué es serverless

  • Módulo 2 | 6 clases

    Bases del proyecto

    expand_more
    • play_circle_outline

      Clase 1

      Instalar Gatsby y generar proyecto

    • play_circle_outline

      Clase 2

      Integrar tailwindcss

    • play_circle_outline

      Clase 3

      Layout y navegaci´no

    • play_circle_outline

      Clase 4

      React Helmet y SEO

    • play_circle_outline

      Clase 5

      siteMetadata

    • play_circle_outline

      Clase 6

      Configurar stripe

  • Módulo 3 | 6 clases

    Productos

    expand_more
    • play_circle_outline

      Clase 1

      Integrar API de Stripe con Gatsby

    • play_circle_outline

      Clase 2

      Consultar todos los productos

    • play_circle_outline

      Clase 3

      Mostrar todos los productos

    • play_circle_outline

      Clase 4

      Generar slug para los productos

    • play_circle_outline

      Clase 5

      Crear página para cada producto dinámicamente

    • play_circle_outline

      Clase 6

      Vista del producto

  • Módulo 4 | 3 clases

    Checkout en el cliente

    expand_more
    • play_circle_outline

      Clase 1

      Botón checkout

    • play_circle_outline

      Clase 2

      Checkout y pago

    • play_circle_outline

      Clase 3

      Compra exitosa

  • Módulo 5 | 10 clases

    Carrito de compras

    expand_more
    • play_circle_outline

      Clase 1

      Configurar redux con Gatsby

    • play_circle_outline

      Clase 2

      Agregar productos al carrito

    • play_circle_outline

      Clase 3

      Componentes conectados y no conectados

    • play_circle_outline

      Clase 4

      Mostrar elementos dentro del carrito en la navegación

    • play_circle_outline

      Clase 5

      Añadir iconos con React Icons

    • play_circle_outline

      Clase 6

      Mostrar carrito de compras

    • play_circle_outline

      Clase 7

      Acumular cantidades por producto

    • play_circle_outline

      Clase 8

      Vaciar el carrito

    • play_circle_outline

      Clase 9

      Pagar el carrito en Stripe

    • play_circle_outline

      Clase 10

      Guardar carrito en localStorage

Qué tecnologías se usarán en este curso

arrow_back Siguiente arrow_forward
Curso para crear un ecommerce serverless con Gatsby