Skip to content
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
.prettierrc
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
package-lock.json
package.json

README.md

Make Web Apps with Dynamic and Static Content Using Gatsby

To show the proof of concept, I created a section where I statically render resumes for users based off of their github profile. Then in the App section, I used netlify to sign up/manage users, and Apollo client for on demand gql queries to generate resumes.

Front End Walk Through Video

Warning

To successfully run this project, you will need a Github API token for the graphql queries and two environment variables files. Also, I have the queries in gatsby-node.js and resume-book.js set to 53 (the number of people in my bootcamp cohort) which is a lot of data. To not overload github, I would recommend switching this to 5.

Create the files below in the root of the project:

  • .env.development
  • .env.production

The contents will need to look like

  • GITHUB_TOKEN=INSERTYOURAPITOKENHERE
  • GATSBY_GITHUB_TOKEN=SAMETOKENASABOVE

Get a Personal Github API Token

How to start

You can clone and deploy this sample project with one click, but before you do read the above and make sure to setup the tokens in netlify as well: Deploy to Netlify

Credit

Thank you to the Gatsby and @swyx for the idea and skeleton app. My starter is a fork of https://github.com/sw-yx/jamstack-hackathon-starter which shows how to use Netlify Identity and Netlify Functions with Gatsby.

You can’t perform that action at this time.