en / es / ca / de

Paradise Hotel

Paradise Hotel is a sample of corporate pages for hotels, where the information about the hotel and the room details are shown.

Source code

Features

  • The page has a navigation bar with the different sections that can be accessed.
  • When clicking on a room, another page with the detail will open.

What I learned

  • How to create a server-side rendered web page with Gatsby.
  • How to perform GraphQL queries through a single API call.
  • How to implement CSS within the component with Styled-components.
  • How to improve SEO.
  • How to use a CMS to store and consult page information with DatoCMS.
  • How to deploy the app on Netlify.

Technologies

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