sweet-leaf-minimal's Introduction

Gatsby Site with Snipcart

Built on Justin Formentin's starter theme.

Features

Gatsby v2
Emotion for styling
Code syntax highlighting
Tags
SEO
- Sitemap generation
- Schema.org JSON-LD for Google Rich Snippets
- Twitter Tags
- OpenGraph Tags for Facebook/Google+/Pinterest
- robots.txt
Typography.js
Typefaces for faster font loading
Offline Support
Manifest Support
Gatsby Image
- Responsive images
- Traced SVG Loading with Lazy-Loading
- WebP Support
Development tools
- ESLint for linting
- Prettier for code style
- CircleCI support
- Google Lighthouse Optimization

Usage

Download project
# With `gatsby-cli`
gatsby new my-site https://github.com/justinformentin/gatsby-v2-tutorial-starter

OR

# Cloning
git clone my-site https://github.com/justinformentin/gatsby-v2-tutorial-starter.git
cd my-site

THEN

# Install dependencies
npm i

# Start dev server
gatsby develop

# Build for production
gatsby build

# Format with Prettier
npm format

Folder structure

├──.circleci # Circleci integration
├── config # Theme and site metadata
├── content # Post markdown and images
├── src
│   ├── components
│   ├── layouts
│   ├── pages
│   ├── style
│   └── templates # For Post and Tag page generation
├── static # Images for logo and favicon, and robots.txt
├── gatsby-config.js # Plugin loading and configuration
└── gatsby-node.js # Generate posts/tags and modify webpack

Recommend Projects