Workshop Gatsby.js
Workshop Gatsby
Gatsby is een moderne, razendsnelle sitegenerator gebouwd op React. Met Gatsby kun je zowel statische als dynamische webpagina’s bouwen. Gatsby gebruikt GraphQL als data-aggregatielaag om dynamische data op te halen van o.a. Wordpress, Drupal, Shopify of vanuit bestanden. Gatsby heeft een heel uitgebreid plugin ecosysteem waardoor je met een paar configuratie instellingen een volledige frontend hebt opgebouwd zonder enige HTML/CSS & JavaScript te moeten schrijven. Gatsby wordt gebruikt door bedrijven als Paypal, Apollo, Flamingo en vele anderen.
In deze workshop maak je kennis met het bouwen van een simpele Gatsby site tot een geavanceerde Gatsby site die gebruik maakt van “Gatsby Themes”. We halen onze data uit Wordpress en een custom rest API om te laten zien hoe je Gatsby volledig benut. Na deze workshop ben je een Gatsby goeroe in de dop.
Wat gaan we doen?
- Kennismaken met Gatsby & GraphQL
- Gatsby Plugins schrijven en gebruiken
- Gatsby Themes schrijven en gebruiken
- Connecten met Wordpress API en custom API
- Dynamische en statische pagina’s bouwen
- Een site uitrollen naar productie
Wat heb je nodig?
Zorg er voor dat je voor de workshop over de volgende zaken beschikt:
- Een laptop. Windows, Macintosh of Linux maakt niet uit.
- Een editor waarmee je zelf graag werkt, zoals Visual Studio Code (gratis) of Webstorm (30-dagenversie beschikbaar).
- Een moderne browser.
- NodeJS 10.x of hoger geïnstalleerd op je laptop.
- Yarn > 1.16.0
Over Ward Peeters
Ward Peeters is een Frontend architect die het web wil verbeteren en inclusief maken voor alle doelgroepen. Hij werkt momenteel fulltime bij Gatsby INC als Frontend freelancer en maakt deel uit van het Gatsby Core team. Naast zijn fulltime job maakt hij ook deel uit van het Lighthouse core team en het preact core team. Voorheen was hij Frontend architect bij Mediahuis. Je kunt hem volgen op twitter via @wardpeet.
Opgave
Voor deze workshop is nog geen (nieuwe) datum gepland. Mocht je geïnteresseerd zijn in de workshop, hou dan het activiteiten overzicht in de gaten of blijf op de hoogte via onze social media.