React Templates & Themes Logo React Templates & Themes
Gatsby Portfolio screenshot

Gatsby Portfolio

Author Avatar Theme by Abdalidahir
Updated: 23 Jul 2023
96 Stars

creative personal & portfolio template based on gatsby. designed so you can showcase your work and write your blogs.

Github Live Preview

Categories

Gatsby Scss Styled components Personal Portfolio

Overview

This product is a creative personal and portfolio template based on Gatsby. It is designed to showcase work and allow for blogging. The theme is built using Gatsby v2 and utilizes styled-components and styled-system for styling. It also includes SEO features and has a responsive design.

Features

  • Gatsby v2: The template is built using the latest version of Gatsby, providing speed and performance.
  • Styled-components + Styled-system: Styling is done using styled-components and styled-system, making it easy to customize the theme to fit personal preferences.
  • SEO: The template includes SEO features, allowing for better search engine optimization and visibility.
  • Responsive design: The theme is designed to be responsive, ensuring that it looks good and functions well on different devices and screen sizes.

Installation

To install the template and start using it, follow these steps:

  1. Clone the site using Git:
git clone <repository-url>
  1. Use the Gatsby CLI to create a new site, specifying the default starter:
gatsby new my-portfolio https://github.com/gatsbyjs/gatsby-starter-default
  1. Navigate into your new site’s directory:
cd my-portfolio
  1. Set up the environment by opening the file .env.development and pasting your personal GitHub access token in it. Make sure to have at least repository and user read access. The file should then look like the following:
GITHUB_TOKEN=<your-access-token>
  1. Start the development server:
gatsby develop
  1. Open the source code and start editing! Your site is now running at http://localhost:8000. Note that you’ll also see a second link http://localhost:8000/___graphql, which is a tool you can use to experiment with querying your data.

Summary

This product is a personal and portfolio template based on Gatsby. It provides a modern and customizable design, with features such as styled-components for styling, SEO optimization, and a responsive layout. Installing the template is easy by following the provided steps. Overall, it is a great choice for those looking to showcase their work and write blogs.