en / es / ca / de

Hotel Paraíso

Imagen principal del proyecto.

Hotel Paraíso es una página de ejemplo de páginas corporativas para hoteles donde se muestra información del hotel y detalle de las habitaciones.

Código fuente

Características

  • La página dispone de una barra de navegación con las diferentes secciones a mostrar.
  • Si se pulsa en una habitación, se abre otra página con el detalle.

Qué he aprendido

  • A crear una página web renderizada desde el servidor con Gatsby.
  • A realizar consultas con GraphQL a través de una sola llamada a la API.
  • A implementar CSS dentro del componente con Styled-components.
  • A mejorar el SEO.
  • A utilizar un CMS para almacenar y consultar información de la página con DatoCMS.
  • A desplegar la aplicación en Netlify.

Tecnologías

  • Front-end: Gatsby con React (JavaScript), GraphQL, CSS-styled-components, DatoCMS
  • Back-end: -