Skip to content
Gatsby resume starter with netlify cms
JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
data
src
static
.gitignore
.prettierignore
.prettierrc
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
package.json
postcss.config.js
preview.png
tailwind.config.js
yarn.lock

README.md

Gatsby Starter Resume CMS

resume-template

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.

Demo

Customization and Theming

Features

  • One-page resume/CV
  • PWA
  • Multiple Netlify CMS widgets
  • Netlify CMS as Headless CMS
  • Tailwind for styling with theming
  • Optimized build process
  • Basic SEO, site metadata
  • Prettier
  • Social media links

Quick Start

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

Start developing

Navigate into your new site’s directory and start it up.

cd my-resume/
gatsby develop

Updating Content

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:

Open static/admin/config.yml. Replace 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!

You can’t perform that action at this time.