Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varholak-peter/strv-gatsby-netlify-starter
STRV Starter using Gatsby & Netlify CMS
https://github.com/varholak-peter/strv-gatsby-netlify-starter
gatsby netlify netlify-cms react starter styled-components typescript
Last synced: 3 months ago
JSON representation
STRV Starter using Gatsby & Netlify CMS
- Host: GitHub
- URL: https://github.com/varholak-peter/strv-gatsby-netlify-starter
- Owner: varholak-peter
- License: mit
- Created: 2019-10-20T08:51:21.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T21:48:54.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T09:07:58.898Z (3 months ago)
- Topics: gatsby, netlify, netlify-cms, react, starter, styled-components, typescript
- Language: JavaScript
- Homepage: https://strv-gatsby-netlify-starter.netlify.com/
- Size: 3.5 MB
- Stars: 7
- Watchers: 3
- Forks: 5
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# STRV Gatsby Starter
[](https://dependabot.com)
**Note:** This starter uses [Gatsby v2](https://www.gatsbyjs.org/blog/2018-09-17-gatsby-v2/).
This repo contains an example website that is built with [Gatsby](https://www.gatsbyjs.org/): **[Demo Link](https://build-4ab46045-1b4c-4e01-b649-74d1a7656a80.gtsb.io/)**.
It follows the [JAMstack architecture](https://jamstack.org) by using Git as a single source of truth, and [Gatsby Cloud](https://www.gatsbyjs.com/cloud/) for continuous deployment.
## Features
- Highly opinionated, less customisability more familiarity
- Basic directory organization
- Uses [Emotion](https://emotion.sh/docs/introduction) & [Tailwind](https://tailwindcss.com/) for styling
- Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
- Offline support out of the box
- Separate components for everything
- Perfect score on Lighthouse
- ...and more
## Prerequisites
- Node (Recommended using v10 or higher)
- [Gatsby CLI](https://www.gatsbyjs.org/docs/)
## Getting Started (Recommended)
In order to use the starter, run the following script:
```
gatsby new https://github.com/varholak-peter/strv-gatsby-netlify-starter
```
Once your project gets created run the following command to start Gatsby in development mode:
```
cd && yarn dev
```
It is recommended to also run this in order to get up to date GraphQL type references:
```
yarn apollo:download && yarn apollo:gen
```
## Debugging
Windows users might encounter `node-gyp` errors when trying to npm install.
To resolve, make sure that you have both Python 2.7 and the Visual C++ build environment installed.
```
npm config set python python2.7
npm install --global --production windows-build-tools
```
[Full details here](https://www.npmjs.com/package/node-gyp 'NPM node-gyp page')
MacOS users might also encounter some errors, for more info check [node-gyp](https://github.com/nodejs/node-gyp). We recommend using the latest stable node version.
# CONTRIBUTING
Contributions are always welcome, no matter how large or small. Before contributing,
please read the [code of conduct](CODE_OF_CONDUCT.md).