en / es / ca / de

Das Paradies-Hotel

Hauptbild des Projekts.

Das Paradies-Hotel ist ein Beispiel für Unternehmensseiten für Hotels, auf denen die Informationen über das Hotel und die Zimmerdetails angezeigt werden.

Quellcode

Merkmale

  • Die Seite hat eine Navigationsleiste mit den verschiedenen Abschnitten, zu denen man gelangen kann.
  • Wenn man auf einen Zimmer klickt, öffnet sich eine weitere Seite mit dem Detail.

Was ich lernte

  • Eine serverseitig gerenderte Webseite mit Gatsby zu erstellen.
  • GraphQL-Abfragen mit einem einzigen API-Aufruf auszuführen.
  • CSS in der Komponente mit Styled-Components zu implementieren.
  • SEO zu verbessern
  • Ein CMS zu verwenden, um Seiteninformationen mit DatoCMS zu speichern und zu lesen
  • Die Anwendung auf Netlify zu implementieren.

Technologien

  • Front-End: Gatsby mit React (JavaScript), GraphQL, CSS-Styled-Components, DatoCMS
  • Back-End: -