https://github.com/colbyfayock/gatsby-starter-sass

👓 A Gatsby starter with Sass and no assumptions!
https://github.com/colbyfayock/gatsby-starter-sass

css gatsby gatsby-cli gatsby-site gatsby-starter gatsby-starters sass sass-boilerplate scss

Last synced: 29 days ago
JSON representation

👓 A Gatsby starter with Sass and no assumptions!

• Host: GitHub
• URL: https://github.com/colbyfayock/gatsby-starter-sass
• Owner: colbyfayock
• License: mit
• Created: 2019-04-27T20:01:35.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-03-21T23:45:13.000Z (over 1 year ago)
• Last Synced: 2024-10-03T09:24:39.158Z (about 1 month ago)
• Topics: css, gatsby, gatsby-cli, gatsby-site, gatsby-starter, gatsby-starters, sass, sass-boilerplate, scss
• Language: JavaScript
• Homepage: https://gatsby-starter-sass.netlify.com/
• Size: 1.8 MB
• Stars: 28
• Watchers: 3
• Forks: 6
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# 👓 Gatsby Sass Starter

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)

Jumpstart your next Gatsby project with the power of Sass!

## What This Includes

* [Yarn](https://yarnpkg.com/en/)

* [Gatsby](https://www.gatsbyjs.org/)

* [Sass](https://sass-lang.com)

* [React Helmet](https://github.com/nfl/react-helmet)

* [Resolve Src](https://github.com/alampros/gatsby-plugin-resolve-src)

## What This Doesn't Include

* A bunch of plugins that just complicate a quick bootstrap

* A bunch of components that you need to clean up

* Graphql that you don't need yet

* Stubbed files that you don't need yet

* Opinionated test and formatting setups (though both of these are encouraged)

# Getting Started

## Requirements

* [Gatsby CLI](https://www.npmjs.com/package/gatsby-cli)

* [Yarn](https://yarnpkg.com/en/)

## Quick Start

Run the following in your favorite terminal:

```

gatsby new [directory] https://github.com/colbyfayock/gatsby-starter-sass

```

## Starting from Scratch

* Set up Yarn: https://yarnpkg.com/lang/en/docs/install/#mac-stable)[https://yarnpkg.com/lang/en/docs/install/

* Install the Gatsby CLI globally:

```

yarn global add gatsby-cli

```

* Inside the directory of your choice, scaffold a new Gatsby site:

```

gatsby new [directory] https://github.com/colbyfayock/gatsby-starter-sass

```

For example, if I want my installation in `~/Code/new-gatsby-site`, I would navigate to `~/Code` and run:

```

gatsby new new-gatsby-site https://github.com/colbyfayock/gatsby-starter-sass

```

* Navigate to your new directory and run:

```

yarn develop

```

* You should now be running a new Gatsby site locally! 🎉

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Colby Fayock
💻 📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!