How the Daily Bruin likes using Gatsby. Note this starter combines a couple of other in-house DB tools, like gatsby-source-kerckhoff, which draws from our site manager Kerckhoff, and Lux, our React-based design system.
What's going on here? Kerckhoff is pulling data from a Google Drive Folder that contains docs written in ArchieML and images and transforming them into parsable JSON via an api. gatsby-source-kerckhoff is then fetching that JSON and makes it available as GraphQL for use in this Gatsby template. In a diagram:
ArchieML --Kerckhoff--> JSON ––gatsby-source-kerckhoff--> GraphQL ––gatsby-starter-dailybruin--> HTML
Make sure you have Yarn the Gatsby CLI installed.
gatsby new <your-project-name> https://github.com/dailybruin/gatsby-starter-dailybruin
If you haven't already, install yarn.
Install dependencies with:
yarn
To start the development server, run:
yarn start
Then go to localhost:1234!
To build:
yarn build