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

¡Califica el Crea un sitio personal con Gatsby!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Crea un sitio personal con Gatsby

Video Qué es Gatsby [Curso Gatsby]

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

Gatsby es un framework para crear aplicaciones y sitios web basado en React. Gatsby promueve lo que conocemos como el JAMStack, por lo que tiene las siguientes características:

  • La lógica y funcionalidad está en el cliente, se programa con JavaScript y React.
  • Usamos APIs para consumir datos, particularmente Gatsby viene integrado con un servidor de graphql. Puedes usar cualquier fuente de datos, un servicio web en internet, un archivo JSON, un archivo markdown, etc.
  • Precompila el marcado, por lo que no tenemos routing dinámico, conexión a bases de datos u otras características propias de frameworks tradicionales como Rails, Django o Laravel. De nuevo, la funcionalidad está en el cliente

Si quieres saber más sobre el JAMStack, te invito a que sigas el webinar gratuito que realicé en CódigoFacilito.

Gatsby es un nuevo enfoque para crear aplicaciones web, basado en tecnologías modernas como React y graphql, que te permiten construir sitios web que cargan y se ejecutan de manera muy rápida.

Continuemos.

  • Módulo 1 | 5 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso de Gatsby

    • play_circle_outline

      Clase 2

      Conocimientos previos [Curso Gatsby]

    • play_circle_outline

      Clase 3

      Qué aprenderé en este curso [Curso Gatsby]

    • play_arrow

      Clase 4

      Qué es Gatsby [Curso Gatsby]

    • play_circle_outline

      Clase 5

      Instalación de Gatsby

  • Módulo 2 | 6 clases

    Primeros pasos del proyecto

    expand_more
    • play_circle_outline

      Clase 1

      Creación del proyecto

    • play_circle_outline

      Clase 2

      Integrar Tailwind

    • play_circle_outline

      Clase 3

      Componente del encabezado

    • play_circle_outline

      Clase 4

      Insertar imágenes

    • play_circle_outline

      Clase 5

      Formulario de contacto

    • play_circle_outline

      Clase 6

      Directiva apply de Tailwind

  • Módulo 3 | 4 clases

    Consultar un servicio web con AJAX

    expand_more
    • play_circle_outline

      Clase 1

      Enlistar repositorios de GitHub

    • play_circle_outline

      Clase 2

      Consultas a un servicio web con AJAX

    • play_circle_outline

      Clase 3

      Caching de peticiones AJAX en sessionStorage

    • play_circle_outline

      Clase 4

      Mostrar conteo total de repositorios

  • Módulo 4 | 6 clases

    JSON y GraphQL

    expand_more
    • play_circle_outline

      Clase 1

      JSON como fuente de datos para GraphQL

    • play_circle_outline

      Clase 2

      GraphiQL IDE

    • play_circle_outline

      Clase 3

      Consultas al servidor de GraphQL

    • play_circle_outline

      Clase 4

      Mostrar mis cursos

    • play_circle_outline

      Clase 5

      Reciclando componentes

    • play_circle_outline

      Clase 6

      Leer mis publicaciones de Medium

  • Módulo 5 | 5 clases

    Páginas dinámicas

    expand_more
    • play_circle_outline

      Clase 1

      Crear páginas con código

    • play_circle_outline

      Clase 2

      Crear páginas con datos de GraphQL

    • play_circle_outline

      Clase 3

      Consultas GraphQL desde templates

    • play_circle_outline

      Clase 4

      Vista de educación

    • play_circle_outline

      Clase 5

      Navegación

  • Módulo 6 | 2 clases

    Fin del proyecto

    expand_more
    • play_circle_outline

      Clase 1

      Detalles finales

    • play_circle_outline

      Clase 2

      Deploy a Netlify

Qué es Gatsby [Curso Gatsby]

arrow_back Siguiente arrow_forward
Crea un sitio personal con Gatsby