stoutlabs / laf-gatsby

Leta Austin Foster - Gatsby Site

Home Page:https://www.letaaustinfoster.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LetaAustinFoster.com - Gatsby Website

Source code for the 2018 update of LetaAustinFoster.com. I am sharing the full source here in hopes that it might help others looking to create similar websites!

  • Built with GatsbyJS v2, Styled Components, a sprinkling of Bulma, and a tiny usage of the React Context API
  • Features a custom thumbnail gallery component, which makes use of react-css-transition-replace and gatsby-image. (I couldn't find an existing one that did what I wanted, so I built my own.)
  • Uses react-pose for page transitions. (I'll probably swap over the transitions in the gallery to use Pose as well.)
  • Uses Prismic.io to provide content as a headless CMS
  • Hosted/deployed via Netlify.com (with effortless continuous integration and branch previews!)

To-Do List:

  • Use Kyle Mathew's typefaces library to load font(s) locally... which should shave more load time off
  • Possibly creating a Gatsby plugin/npm package from the 'thumbnail gallery' component I have built

Prismic JSON Schemas

I will post these soon! (Once the site goes live.)

About

Leta Austin Foster - Gatsby Site

https://www.letaaustinfoster.com/

License:MIT License


Languages

Language:JavaScript 95.5%Language:SCSS 4.5%