GatsbyReactPortfolio

personal-website — Gatsby Portfolio Template

By rohanvachheta

A personal website and blog template built with Gatsby and Markdown, using Styled Components, Tailwind CSS, Framer Motion, and React Font Awesome, under the MIT license.

Open Source Site Download Source ZIP

Explore the design

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

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

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.

Gatsby static site generation with content written in Markdown

Styling layer uses Styled Components and Tailwind CSS

Framer Motion provides page animations, icons from React Font Awesome

README provides the complete command flow for gatsby new/develop/build/serve

Deployment buttons for Netlify and ZEIT Now

MIT license, permitting free use, modification, commercial use, and distribution

Template Details

This is a personal website and blog template built with Gatsby, with content organized in Markdown, styled using Styled Components and Tailwind CSS, animated with Framer Motion, and icons from React Font Awesome. The repository description is "made from Gatsby templates"; the README states it originates from the gatsby-markdown-personal-website starter and provides the standard workflow of gatsby new, gatsby develop, gatsby build, and gatsby serve, along with deployment buttons for Netlify and ZEIT Now.

The template includes actual screenshots of the desktop homepage, mobile homepage, and one inner page (/projects/featured/), which can be used to assess page structure and responsive behavior. The repository uses the MIT license, permitting free use, modification, commercial use, and distribution of this version of the code, provided the copyright and license notice are retained when distributing.

Note: third-party assets such as images, fonts, and icons in the demo must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license; external services such as domains and hosting may incur additional charges. The repository does not provide further information on content models, SEO configuration, or accessibility, so you should review the source code to confirm before use.

GatsbyPortfolio

Is it right for your project?

Use Cases

Building a personal homepage with a blog post list
Maintaining a project showcase page (e.g., /projects/featured/) with Markdown
As a starting point for learning and customizing a Gatsby + Markdown workflow
Deploying to static hosting platforms such as Netlify

Suitable For

Developers who need a personal website and blog
Users familiar with or willing to learn Gatsby and Markdown
Those who want to freely modify and distribute code under the MIT license

Getting started & customization

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

1
Create a site with gatsby new my-site-name https://github.com/SaimirKapaj/gatsby-markdown-personal-website
2
Run gatsby develop in the project directory and access http://localhost:8000 locally
3
Run gatsby build to generate a production build, then use gatsby serve to preview locally at http://localhost:9000
4
Third-party assets such as images, fonts, and icons in the demo must be checked separately under their respective licenses
5
External services such as domains and hosting may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

Permits free use, modification, commercial use, and distribution of this version of the code.
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

Deploying to Netlify requires registering a Netlify account and using its hosting service, which may incur additional charges.
Deploying to ZEIT Now (now Vercel) requires registering the corresponding account and using its hosting service, which may incur additional charges.
Demo images, fonts, icons, and other third-party assets must 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

Permission is hereby granted, free of charge
Original License Text

Deploy to Netlify
Original README

Deploy with ZEIT Now
Original README

https://github.com/rohanvachheta/personal-website/blob/main/LICENSE https://github.com/rohanvachheta/personal-website/blob/main/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 · 69 / 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: 2025-06-15
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: 1507f2f92b51c4629efe7bc1d83fcf0b9e0457a9b77f7f726100c3f639b77294

2026-10-03T14:55:40.011Z

Source file / repository

# Gatsby Markdown Personal Website

This is a personal website / blog using [Gatsby](https://www.gatsbyjs.org/), [Markdown](https://www.markdownguide.org/), [Styled Components](https://styled-components.com/), [Talwind CSS](https://tailwindcss.com/), [Framer Motion](https://www.framer.com/motion/) & [React Font Awesome](https://github.com/FortAwesome/react-fontawesome).

## Demo

[Gatsby Markdown Personal Website](https://gatsby-markdown-personal-website.netlify.app/)

## Quick start

1.  **Create a Gatsby site.**

    Use the Gatsby CLI to create a new site, using the Gatsby Markdown Personal Website starter.

    ```shell
    gatsby new my-site-name https://github.com/SaimirKapaj/gatsby-markdown-personal-website
    ```

2.  **Develop**

    Navigate into your new site’s directory and start the development environment.

    ```shell
    gatsby develop
    ```

    Your site is now running at `http://localhost:8000`

3.  **Build**

    Get an optimized production build for your site generating static HTML and JavaScript, CSS bundles.

    ```shell
    gatsby build
    ```

4.  **Serve**

    Starts a local server for testing your production site.

    ```shell
    gatsby serve
    ```

    Your production site is now running at `http://localhost:9000`

## Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/SaimirKapaj/gatsby-markdown-personal-website)

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/import/project?template=https://github.com/SaimirKapaj/gatsby-markdown-personal-website)

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