Personal portfolio template built with Gatsby
GatsbyReactPortfolio
gatsby-portfolio — Gatsby Portfolio Template
By priyesh18
A Gatsby-based personal portfolio template that manages personal information, blog, and project data via JSON files, with dark/light mode toggle and responsive layout.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
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-09-30View source
What stands out
A quick read of the recorded project description.
Mobile-first responsive design
Dark/light mode toggle
Smooth scrolling and scroll spy via react-scroll
Personal information, blog, and projects stored in separate JSON files under src/data
README provides Netlify and Vercel deployment entry points
Template Details
This is a personal portfolio template built with Gatsby; the repository description is "Personal website using gatsby.js". The template is based on a mobile-first responsive design, offers a dark/light mode toggle, and uses react-scroll for smooth scrolling and scroll spy.
For content organization, the template places editable data in three JSON files under the src/data directory: personal.json for personal information, blogs.json for blog entries, and projects.json for project entries. The page entry point is src/pages/index.js, and changes are hot-reloaded by the development server.
To use it, create a new site with the Gatsby CLI using this repository as a starter, then run gatsby develop locally; the default address is http://localhost:8000, and a GraphQL debugging entry is available at /___graphql. The README also provides button links for deploying to Netlify and Vercel. The repository is MIT licensed, but third-party assets such as demo images, fonts, and icons require separate license verification.
GatsbyPortfolio
Is it right for your project?
Use Cases
- Build a personal portfolio website to showcase projects and blog entries
- Use as a Gatsby starter exercise to learn JSON-driven page content
- Personal sites needing dark/light mode toggle and smooth-scroll navigation
- Static personal websites deployed to Netlify or Vercel
Suitable For
- Developers who want to quickly start a personal portfolio with Gatsby
- Users who prefer maintaining site content via JSON files without introducing a CMS
- Personal site authors needing responsive layout and theme switching
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Create a site with gatsby new my-portfolio-starter https://github.com/priyesh18/gatsby-portfolio
- 2
After entering the directory, run gatsby develop; the local default address is http://localhost:8000
- 3
Edit personal.json, blogs.json, and projects.json under src/data to replace personal content
- 4
The page entry point is src/pages/index.js; saving updates the browser in real time
- 5
The code is MIT licensed, but third-party assets such as demo images, fonts, and icons must be checked against their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version 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 this 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
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/priyesh18/gatsby-portfolio/blob/master/LICENSEhttps://github.com/priyesh18/gatsby-portfolio/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-01. 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
- More documented · 83 / 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
- 2026-09-23
- Screenshot last checked
- 2026-10-01
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 56604ed77df31d8d02a9f34f65eb43c9c083143c0a14b002f1227f30685fd565
2026-10-01T14:00:11.775Z
Source file / repository# Portfolio template/starter made using [Gatsby](https://www.gatsbyjs.org/).
## Features
1. Responsive with mobile first design.
1. Dark/Light mode toggle.
1. Smooth Scroll and Scroll spy using react-scroll.
## 🚀 Quick start
1. **Create a Gatsby site.**
Use the Gatsby CLI to create a new site, specifying this starter.
```shell
gatsby new my-portfolio-starter https://github.com/priyesh18/gatsby-portfolio
```
1. **Start developing.**
Navigate into your new site’s directory and start it up.
```shell
cd my-portfolio-starter/
gatsby develop
```
1. **Open the source code and start editing!**
Your site is now running at `http://localhost:8000`!
_Note: You'll also see a second link: _`http://localhost:8000/___graphql`\_.
Open the `my-portfolio-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
1. **Edit the data to personalize the site**
Edit data inside the json files.
```
.
└── src
└── data
├── personal.json
├── blogs.json
└── projects.json
## 💫 Deploy
[](https://app.netlify.com/start/deploy?repository=https://github.com/priyesh18/gatsby-portfolio)
[](https://vercel.com/import/project?template=https://github.com/priyesh18/gatsby-portfolio)
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
portfolio-websitev1
A personal portfolio website v1 built with Gatsby and React, used to showcase skills, projects, and experience, and deployed via GitHub Pages. The repository includes a standard MIT license file, and the README states the design references brittanychiang.com, requiring attribution when forking.
Gatsby · Portfolio