Gatsby Starter Fractal screenshot

Gatsby Starter Fractal

Updated: 13 Jan 2022
22 Stars

Gatsby.js V2 starter template based on Fractal by HTML5 UP

Categories

Overview:

The gatsby-starter-fractal is a Gatsby.js V4 starter template based on Fractal by HTML5 UP. It provides a project structure for building websites using Gatsby.js and Fractal.

Features:

  • Fractal design: The template is based on the Fractal design by HTML5 UP, providing a visually appealing and modern look for your website.
  • Easy customization: The config.js file allows you to easily customize various aspects of the website, including adding your own details.
  • Github pages deployment: The package.json file has a default script that uses the gh-pages module to easily deploy your website on Github pages.

Installation:

  1. Make sure you have the Gatsby CLI program installed on your computer.
  2. Clone or download the gatsby-starter-fractal repository.
  3. Open a CLI and navigate to the root directory of the cloned repository.
  4. Run the command npm install to install the necessary dependencies.
  5. Edit the config.js file to personalize the website with your own details.
  6. If your website will be hosted on a subpath of a domain, modify the pathPrefix value in config.js accordingly.
  7. Run the command npm run deploy to publish the site on Github pages.

Summary:

The gatsby-starter-fractal is a great starting point for building websites using Gatsby.js and the Fractal design by HTML5 UP. It offers easy customization options and seamless deployment on Github pages. With its visually appealing design and modern features, it is a valuable template for web developers.