https://github.com/d-sanderson/ds-resume

https://github.com/d-sanderson/ds-resume

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/d-sanderson/ds-resume
• Owner: d-sanderson
• License: mit
• Created: 2020-07-19T06:03:22.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T11:51:31.000Z (almost 2 years ago)
• Last Synced: 2024-04-17T05:05:48.490Z (9 months ago)
• Language: JavaScript
• Size: 4.56 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gatsby Starter: Resume/CV Site with Prismic

This project is part of a YouTube series that's about building a Resume/CV site using Gatsby, Prismic and Netlify from scratch. You can check out the following series here:

https://www.youtube.com/watch?v=9eCOcJZR578&list=PLy3RjrA8UIYJZ08w6bmSDNX10ysI8JuDk

Feel free to Subscribe too :heart:

[Preview site (deployed with Netlify)](https://compassionate-morse-5204bf.netlify.com/)

## Guide

### Project setup

- Fork this repo and clone it to your computer

- Create a `.env` file in the project

- Go to Prismic and get your API KEY - Watch https://youtu.be/2hCm0RwQrWU?list=PLy3RjrA8UIYJZ08w6bmSDNX10ysI8JuDk&t=130

- Copy and paste it into the newly created file - should look something like `API_KEY=PC5XSkxWNMJBQURLbkFCbFFn...`

### Prismic repo setup

- Create a new Prismic repository

- Go to `gatsby-config.js` file and edit the value of `repositoryName` to your Prismic repo name

### Prismic custom types

- Create a new single custom type called `Homepage`

- Go to `config/homepage.json` in your project and copy everything in that file

- Go to your newly created custom type and paste everything into the JSON Editor on the right side

### Publish site from Prismic

- Go to content tab

- Click on the item in the table

- Go populate the content like so https://youtu.be/El0qhYe6Js8?list=PLy3RjrA8UIYJZ08w6bmSDNX10ysI8JuDk&t=199

- And like so https://youtu.be/ZiJ6w_qN_bo?list=PLy3RjrA8UIYJZ08w6bmSDNX10ysI8JuDk&t=39

- Save and publish your site

### Preview site

- You can now do `npm install`

- And then `npm run dev`

- Preview your site

### Setup Prismic trigger to Netlify

- Watch the following: https://youtu.be/ZiJ6w_qN_bo?list=PLy3RjrA8UIYJZ08w6bmSDNX10ysI8JuDk&t=396

## Credits

- [Gatsby Prismic Starter by LekoArts](https://github.com/LekoArts/gatsby-starter-prismic)

- [Standard Resume](https://standardresume.co/)

- [Thanks to Ryan Tsao for the styling of link tags inspiration](https://ryantsao.com/blog/virtual-css-with-styletron)

## Socials

- Twitter: https://twitter.com/deamlabs

- YouTube: https://www.youtube.com/user/DeamMe

- SoundCloud: https://soundcloud.com/deam