Gatsby Starter Solidstate screenshot

Gatsby Starter Solidstate

Updated: 13 Jan 2022
31 Stars

Gatsby.js V2 starter template based on Solid State by HTML5 UP

Categories

Overview

Gatsby Starter SolidState is a Gatsby.js V4 starter template based on Solid State by HTML5 UP. It provides a structure and foundation for building websites using Gatsby, a popular JavaScript framework for building static websites. This starter template follows the Solid State theme by HTML5 UP, providing a modern and stylish design for your website.

Features

  • Clean and modern design inspired by Solid State by HTML5 UP
  • Gatsby.js V4 as the core framework for building the website
  • Easy personalization by editing the config.js file
  • Deployment using Github Pages with a simple npm script
  • Compatibility with subpaths of a domain through pathPrefix configuration

Installation

To use Gatsby Starter SolidState, make sure you have the Gatsby CLI program installed on your machine. If not, you can install it by running the following command:

npm install -g gatsby-cli

Once you have the Gatsby CLI installed, you can create a new Gatsby project using the SolidState starter template by running the following command:

gatsby new my-solidstate-project https://github.com/anubhavsrivastava/gatsby-starter-solidstate

After the project has been created, navigate to the project directory:

cd my-solidstate-project

You can then run the Gatsby development server to preview your site:

gatsby develop

To deploy your site using Github Pages, you can use the provided npm script by running the following command:

npm run deploy

If your Gatsby site is hosted on a subpath of a domain, you will need to edit the pathPrefix value in the config.js file to the relevant path. For example, if your site is hosted at https://theanubhav.com/somePath/, you would set the pathPrefix to /somePath/. If your site is hosted at the root of a domain, you can remove the pathPrefix configuration.

Summary

Gatsby Starter SolidState is a Gatsby.js V4 starter template that provides a modern and stylish design inspired by Solid State by HTML5 UP. With easy installation and deployment using Github Pages, this starter template allows for easy personalization and configuration to create your own unique website.