GatsbyReactPortfolio

resume-template — Gatsby Portfolio Template

By atarsa

A Gatsby-based single-page resume website template with a mobile-first responsive design, where content is managed through YAML files.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

Single-page resume layout, with design referencing Start Bootstrap's Resume theme

Mobile-first responsive design, adapting to both desktop and mobile

Education and experience content configured through YAML files in the content directory

Styling written with Styled Components, scroll effects handled by Intersection Observer

Under the MIT license, permitting free use, modification, commercial use, and distribution of the code

Template Details

This is a single-page resume website template built with GatsbyJS. Its design references Start Bootstrap's Resume theme and uses a mobile-first responsive layout, making it suitable for personal online resume displays.

In terms of content organization, data for the education and experience sections is stored in .yaml files under the content directory. Modifying these files updates the resume content without changing page components. The project uses Styled Components for styling and relies on Intersection Observer for scroll-related interactions, with icons from React-FontAwesome.

To run locally, first clone the repository and run npm install to install dependencies, then use gatsby serve to start the local server; use gatsby develop for development mode and gatsby build for building. The repository is under the MIT license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons require separate license verification.

GatsbyPortfolio

Is it right for your project?

Use Cases

Building a personal online resume page and deploying it to a static hosting service
As a Gatsby starter project to learn how YAML data sources integrate with page components
Modifying styles and content on an existing resume template to quickly produce a customized version

Suitable For

Developers or job seekers who need a concise single-page online resume
Users who want to maintain resume content via YAML files and avoid editing component code directly
Front-end learners looking to reference how Gatsby and Styled Components are used together

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
After cloning the repository, run npm install to install dependencies
2
Use gatsby develop for development mode; to preview the build locally, run gatsby build then gatsby serve
3
Edit the education and experience content in the .yaml files under the content directory
4
Third-party assets such as demo images, fonts, and icons require separate license verification under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of that version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The page design is derived from Start Bootstrap's Resume theme, which may itself carry separate licensing and attribution requirements; verify its authorization terms before commercial use or redistribution.
Icons depend on React-FontAwesome, and its icon resources may be subject to separate licensing; confirm the icon licensing scope before use.
Demo images, fonts, icons, and other third-party assets require verification under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Design taken from [Start Bootstrap](https://startbootstrap.com/themes/resume/)
Original README

- [React-FontAwsome](https://github.com/FortAwesome/react-fontawesome)
Original README

https://github.com/atarsa/resume-template/blob/master/LICENSE https://github.com/atarsa/resume-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 65 / 100
Technologies: Gatsby · React
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2023-06-10
Screenshot last checked: 2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Gatsby as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 626ea12dc0b6533f3a49c165ed06076e7c697549d8e56ee8994d717cb22f70bd

2026-10-03T22:29:20.593Z

Source file / repository

## Resume Template

A Single Page Resume website.
Design taken from [Start Bootstrap](https://startbootstrap.com/themes/resume/). 
The website is fully responsive, with mobile first approach. 

Live version can be found [here](https://atarsa.github.io/resume-template/)

### Technologies used:
- GatsbyJS
- Styled Components
- Intersection Observer


### Running this project locally
- clone the repo `git clone https://github.com/atarsa/resume-template.git`
- (or download it directly from GitHub)
- run `npm install` in your bash/command line to install dependecies
- run `gatsby serve` to run local serve

#### Development mode
- to run development server run `gatsby develop`
- content for Education and Experience section can be modified in `.yaml` files that can be found in `content` directory.
- to build new website run `gatbsy build`
- to run build version run `gatsby serve`

### Dependencies
- [GatsbyJs](https://www.gatsbyjs.org/)
- [Styled Components](https://styled-components.com/)
- [React-FontAwsome](https://github.com/FortAwesome/react-fontawesome)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

yashitanamdeo.github.io

A Gatsby and React personal portfolio template with a dark theme and navy blue and green accents, based on Yashita Namdeo's first personal homepage.

Gatsby · Portfolio

clay-theme

Clay is an image-centric Gatsby theme for publishers, portfolios, and photography blogs. It includes PWA support, a preconfigured Netlify/Decap CMS, PurgeCSS, Netlify deployment settings, and Netlify Forms.

Gatsby · Portfolio

gatsby-markdown-blog

A minimal Gatsby and Markdown starter for personal blogs and portfolios, with Home, About, Blog, and Contact pages, Sass styling, React Helmet metadata, and Netlify or Vercel deployment. MIT-licensed code; third-party assets and external services require separate checks.

Gatsby · Portfolio

gatsby-theme-chronogrove

A Gatsby theme for personal websites and blogs, with a social activity dashboard homepage, built-in widgets for GitHub, Instagram, Spotify, Goodreads, Steam, and MDX blog support.

Gatsby · Portfolio

gatsby-starter-chronoblog-profile

A Chronoblog Gatsby theme starter for personal websites, with a homepage built from compact text feeds organized by tags. Content and pages use MDX, and site elements like menus and footers can also be customized with MDX.

Gatsby · Portfolio

gatsby-portfolio

A Gatsby-based personal portfolio template that manages personal information, blog, and project data via JSON files under src/data, with dark/light mode toggle, mobile-first responsive layout, and smooth scrolling via react-scroll.

Gatsby · Portfolio