I opted to use Gatsby for this project as I wanted to create a single page application that was optimized for performance. Gatsby uses server side rendering to create static HTML at build time which is beneficial for SEO, this coupled in with the built in tools and plugins like its image optimization and lazy loading made it an ideal choice.

The content is fed to Gatsby via Sanity which is set up as a headless CMS. When content is updated through the Sanity CMS a webhook triggers an automatic rebuild of the Gatsby project. Although the rebuild may take some time on each update, these are infrequent so make it a great choice for the project.

I used styled components to handle the CSS which are scoped locally to the component they are in making it easier to handle styling and keep everything modular.