Learning Gatsby and Theme-UI

2021-01-14Chris Tham

Happy 2021! This is my first post in the new year, and I am introducing another web site written in Gatsby and Theme-UI.


I’ve decided to refresh my knowledge of Gatsby by creating a one page portfolio site written in Gatsby using Theme-UI based on the Cara theme by LekoArts. The source code for this website is available on Github and it is hosted on Gastby Cloud.

This website showcases some techniques that are new to me:

  • animation using react-spring
  • absolute positioning of elements using theme-ui sx props
  • Using a gastby theme
  • Embedding MDX in a page
  • Light and Dark theme styles

Subscribe to get updates to this site!

Like my articles? Enter your details and I will send you an email whenever the site has new content. I will not use your email for any other purpose.