GatsbyReactPortfolioBlog

sourcevortex-gatsby-theme — Gatsby Portfolio Template

By sourcevortex

A Gatsby and React personal site theme with a Markdown blog and a portfolio page that includes a bio, social links, and a work experience timeline.

Explore the design

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

2 previews
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-10-13View source

What stands out

A quick read of the recorded project description.

01

Blog content is written in Markdown

02

The portfolio page includes a bio, social network links, and a work experience timeline

03

siteMetadata and canonical url are configured via gatsby.settings/config.js

04

The about page is generated via src/config/profile.config.ts

05

The header and sidebar menus are configured via src/config/template.config.ts

Template Details

SourceVortex Theme is the Gatsby theme used by the SourceVortex official website, with its source code publicly available in the repository. The theme provides two types of content: blog posts written in Markdown, and a portfolio page containing a personal bio, social network links, and a work experience timeline. Site information, personal profile, and navigation menus are each driven by three configuration files: gatsby.settings/config.js for siteMetadata and canonical url in gatsby-config.js, src/config/profile.config.ts for generating the about page, and src/config/template.config.ts for configuring elements such as the header and sidebar menus. The README marks the project as "in development," and its to-do list includes unfinished project/documentation pages, a blog search bar, blog pagination, blog search by category, and code quality improvements, so these capabilities are not currently available. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains and hosting may incur costs.

GatsbyReactPortfolioBlog

Is it right for your project?

Use Cases

  • Building a personal blog written in Markdown
  • Creating a personal portfolio site that includes a work experience timeline
  • Using it as Gatsby theme source code to reference how its configuration files are organized

Suitable For

  • Individual developers using Gatsby and React
  • Users who need a combined blog and portfolio site
  • Developers who want to modify the code themselves under the MIT license

Getting started & customization

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

  1. 1

    After cloning the repository, enter the directory and run npm install or yarn to install dependencies

  2. 2

    Copy gatsby.settings/config.js.example to gatsby.settings/config.js and fill in the site data

  3. 3

    Copy src/config/profile.config.ts.example to src/config/profile.config.ts and fill in personal or site information

  4. 4

    Copy src/config/template.config.ts.example to src/config/template.config.ts and configure elements such as menus

  5. 5

    Run gatsby develop to start the development environment

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is this version of the code and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the 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 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

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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 · 70 / 100
Technologies
Gatsby · React
Website type
Portfolio · Blog
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-13

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-13

Inspect the recorded source material

SHA-256: 60b91837010d1ca06380668199cee2458e556d8ffea33f551ca6a3822a955cf3

2026-10-13T10:02:31.894Z

Source file / repository
# SourceVortex Theme

This repository contains a theme used on SourceVortex site built-in Gatsby.

---

## Features

- Blog (markdown)
- Portfolio (Description, social networks, jobs timeline)

---

## Requirements

- Node.JS
- NPM ou Yarn

---

## Installation

- `git clone https://github.com/SourceVortex/sourcevortex-gatsby-template.git`
- `cd sourcevortex-gatsby-template`
- `npm install` or `yarn`
- copy `gatsby.settings/config.js.example` to `gatsby.settings/config.js`
- Fill `gatsby.settings/config.js` with your data
- copy `src/config/profile.config.ts.example` to `src/config/profile.config.ts`
- Fill `src/config/profile.config.ts` with your data
- copy `src/config/template.config.ts.example` to `src/config/template.config.ts`
- Fill `src/config/template.config.ts` with your data
- To run this template, execute: `gatsby develop`

---

## Some important things

The file `gatsby.settings/config.js` is used inside of `gatsby-config.js` for siteMetadata and canonical url.

The file `src/config/profile.config.ts` is used to build "about" page with personal or site informations.

The file `src/config/template.config.ts` is used to configure header and sidebar menus, and others elements in this template.

---

## Todo

- [ ] Projects/Docs page (todo...)
- [ ] Blog search bar
- [ ] Blog pagination
- [ ] Blog search by category
- [ ] Improve code! (quality - cleaning, optimization, etc...)

---

### Under development
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.