Portfolio template built with Gatsby and React
GatsbyReactPortfolio
great-gatsby — Gatsby Portfolio Template
By edgetatic
A portfolio template built on Gatsby and React, using Markdown to manage project content, with MUI components and Emotion styling, and a built-in light theme.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Uses Markdown to manage project content
Interface components use MUI, with styling based on Emotion Styled
Built-in light theme
Repository is MIT licensed, allowing free use, modification, commercialization, and distribution
Template Details
great-gatsby is a template for migrating a personal portfolio to Gatsby; the repository description states it was converted from the author's older portfolio. The tech stack centers on Gatsby and React, with interface components using Material UI (upgraded to MUI with Emotion Styled) and a light theme added. Project content is organized in Markdown, making it suitable for displaying a personal project list and project detail pages.
The repository's TODO list shows that Markdown support for the About page and pagination are not yet complete, so these two parts are incomplete in the template. The README does not provide installation steps, directory structure, or configuration instructions, so actual use requires reading the source code yourself. The template is MIT licensed and can be used, modified, commercialized, and distributed for free, but third-party assets such as demo images, fonts, and icons need separate license verification; external services like domains and hosting may incur additional charges.
GatsbyReactPortfolio
Is it right for your project?
Use Cases
- Building a personal portfolio website to display a project list and project details
- Maintaining project entries in Markdown to reduce hand-written page structure
- Referencing how MUI and Emotion components and styles are organized in a Gatsby project
Suitable For
- Front-end developers or designers who need to showcase personal projects
- Developers familiar with React and Gatsby who are willing to read the source code themselves
- Users who accept that some template features are incomplete and can supplement them on their own
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README does not provide installation and running steps; you need to check the repository source code and configuration yourself
- 2
Markdown support for the About page and pagination are marked as incomplete in the TODO
- 3
Third-party assets such as demo images, fonts, and icons need separate license verification under their respective licenses
- 4
External services like domains and hosting may incur additional costs
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 mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercialized, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete 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 need to be checked 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
https://github.com/edgetatic/great-gatsby/blob/master/LICENSEhttps://github.com/edgetatic/great-gatsby/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
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 · 73 / 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-23
- 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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 33aaef753c81e55cebe70de9c93489317868293e7b23330ab2b002d2d565357d
2026-10-03T07:11:13.932Z
Source file / repository# My old portfolio converted to Edgetatic [My Portfolio](https://r0mankon.vercel.app) [Demo](https://great-gatsby-edgetatic.vercel.app/) ## Main Tech Stack - Gatsby - Material UI ## TODO - [x] Upgrade Gatsby (the smoothest upgrade, from v3 to v5) - [x] Upgrade MaterialUI to MUI/Material with Emotion Styled - [x] Add light theme - [ ] About page markdown - [ ] Pagination
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