Stack

The following is what the Foundry uses to develop the site. The stack listed below includes some of the more important components.

You can find a full list of modules in the package.json located at the root directory of the site.

---

Application and Data (Frontend):

GatsbyJS (https://www.gatsbyjs.org/)

Gatsby is a React-based, GraphQL powered static site generator. It weaves together the best parts of React, webpack, react-router, GraphQL, and other front-end tools into one very enjoyable developer experience. It uses powerful preconfiguration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server-side rendering, intelligent image loading, asset optimization, and data prefetching.

Styled components (https://styled-components.com)

Styled Components enable the writing of CSS in JavaScript using tagged template literals. It removes the mapping between components and styles — component is made into a low-level styling construct.

Application and Data (Backend + CMS):

Firebase (https://firebase.google.com)

Firebase is a toolset to “build, improve, and grow your app”, and the tools it gives you cover a large portion of the services that developers would normally have to build themselves, but don’t really want to build, because they’d rather be focusing on the app experience itself. This includes things like analytics, authentication, databases, configuration, file storage, push messaging, and the list goes on. The services are hosted in the cloud and scale with little to no effort on the part of the developer.

Prismic (https://prismic.io)

Prismic is a Content Management System, a tool for editing online content. Also known as a headless CMS, an API CMS, a content platform, a disruptive content-as-a-service digital experience... A tool that lets you choose your technology, framework, and language and then easily manage your content.

Utilities

Netlify (https://www.netlify.com)

Netlify works by connecting a GitHub repository to pull the source code, then it typically runs a build process to pre-render all of your pages in static HTML. The resulting HTML, CSS, and JS are then deployed and distributed across a large number of content delivery networks. When a visitor tries to access your website, it automatically chooses the data center closest to you and serves you the static files.

Google Analytics (https://marketingplatform.google.com/about/analytics)

Google Analytics is a web analytics service offered by Google that tracks and reports website traffic, currently as a platform inside the Google Marketing Platform brand.

SendGrid (https://sendgrid.com)

SendGrid is a cloud-based SMTP provider that allows you to send email without having to maintain email servers. SendGrid manages all of the technical details, from scaling the infrastructure to ISP outreach and reputation monitoring to whitelist services and real-time analytics.