Pascal Brokmeier Homepage v3

This page is based on a few key technologies:

• GraphQL for pulling in data from a number of sources
• Gatsby.js for building an awesome website based on ReactJS (which I learned to use in '19 and kinda like)
• Airtable data for a number of pages that I use to express myself with
  • pulling in this data via GraphQL during build
• cloudinary asset optimization for images
• whatever comes out of the box of the original at codebushi

Setup

works with node v12 (see Dockerfile for working example)

Data driven pages

• reading list / podcast list
• CV
• experience
• Contact methods
• Blog posts (collection across publishing sites!)
  • supports linking to a number of publishing places
  • pulls banner image in via cloudinary

TODO

• build with Google Cloud Build and host on GCS
  • nearline
  • define everything with terraform
  • see tutorial
• migrate blog posts
  • migrate markdown
  • migrate images
  • migrate cloudinary tags
  • migrate medium
  • open local pages in local window, external posts in new links
  • posts on dataminded.be
  • [!] posts on cattlecrew?
• convert current posts into markdown driven by gatsby with this
• reading list driven through goodreads API
• reading list driven through airtable data
• podcasts based on pocketcasts API
• about me
  • monthly "tech" | "client"(legal?) | country graph
    • currently based on https://github.com/vasturiano/timelines-chart
  • https://visjs.org/examples/timeline/items/backgroundAreas.html
  • http://uber.github.io/react-vis/examples/showcases/plots more viz

NOT DOING:

• create cloudinary component with easy interface

hacking medium posts back

1. get posts with

   https://medium.com/@pascal.brokmeier/latest?format=json&limit=200
   

2. save as file
3. run jq on it

   echo "[" > src/data/medium_posts.json
   cat src/data/medium_posts_backup.json | jq ".payload.references.Post | to_entries[] | .value" >> src/data/medium_posts.json
   echo "]" >> src/data/medium_posts.json