Gatsby Starter Resume CMS
Gatsby Starter Resume CMS is a free starter template with Netlify CMS as headless CMS. It is easy to customize the design with thanks to tailwind theming capabilities. It uses git as a backend and can be deployed to any static hosting service like Netlify, firebase hosting or Github pages.
- One-page resume/CV
- Multiple Netlify CMS widgets
- Netlify CMS as Headless CMS
- Tailwind for styling with theming
- Optimized build process
- Basic SEO, site metadata
- Social media links
Create a Gatsby site
Use the Gatsby CLI to create a new site, specifying the resume starter.
# create a new Gatsby site using the blog starter gatsby new my-resume https://github.com/barancezayirli/gatsby-starter-resume-cms
Navigate into your new site’s directory and start it up.
cd my-resume/ gatsby develop
The resume content is generated from
data/profile.json file. You can manually edit this file or setup Netlify CMS for online editing.
You can find more information on resume widgets and theming here.
Netlify CMS as Headless CMS
To use Netlify CMS you’ll need to deploy to Netlify through GitHub, Gitlab or Bitbucket, set up continuous deployment, and do a few configuration. For Github:
barancezayirli/gatsby-resume-tailwind with your GitHub username and project name. This step is important for managing and deploying the Netlify CMS interface.
backend: name: github repo: barancezayirli/gatsby-resume-tailwind #TODO replace this with your own repo
Publish your repo to Github, then, open Netlify and add a “New site from Git”. Choose your newly created repo and click on “Deploy site” with the default deployment settings.
Finally need to set up an OAuth application on GitHub. Start development build with
gatsby develop and visit
http://localhost:8000/admin and authorize Netlify to make commits for you.
If it doesn't work, the instructions for setting up OAuth can be found here: Netlify’s Using an Authorization Provider.
I hope you enjoy the resume template, if you do please follow me on twitter and send me your results. I would love to see it!