LogoA Template
icon of gatsby-starter-photon

gatsby-starter-photon

Gatsby V2 starter template based on Photon, offering a simple 12-column CSS Grid and easy installation for quick project setup.

Introduction

Gatsby Starter Photon

A Gatsby.js V2 starter template based on the Photon site template. It provides a foundation for building personal websites or blogs with Gatsby.

Key Features:

  • Gatsby V2: Utilizes Gatsby.js version 2 for static site generation.
  • Photon Template: Based on the HTML5 UP Photon template, offering a clean design.
  • CSS Grid: Implements a custom, simple 12-column CSS Grid layout (disabled on mobile).
  • Easy Installation: Quick setup using the Gatsby CLI.

Installation:

gatsby new gatsby-starter-photon https://github.com/codebushi/gatsby-starter-photon
cd gatsby-starter-photon
gatsby develop

Usage:

To use the CSS Grid, wrap items with <div className="grid-wrapper"> and use col- classes to define column spans (e.g., <div className="col-4">).

gatsby-starter-photon screenshot | ATemplate.com

A template
Copy badages awards

Newsletter For Templates

Join the Community For Templates

Subscribe to Templates newsletter for the latest news and updates