https://github.com/emileber/gatsby-test
Repo only to test gatsby development
https://github.com/emileber/gatsby-test
Last synced: 2 months ago
JSON representation
Repo only to test gatsby development
- Host: GitHub
- URL: https://github.com/emileber/gatsby-test
- Owner: emileber
- License: mit
- Created: 2019-12-23T20:52:22.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-06-06T01:06:39.000Z (12 months ago)
- Last Synced: 2025-02-05T14:50:25.911Z (4 months ago)
- Language: JavaScript
- Size: 21.4 MB
- Stars: 1
- Watchers: 3
- Forks: 2
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Saglac IO website
Made in our free time with [Gatsby](https://github.com/gatsbyjs/gatsby/). Based on [`Vagr9K/gatsby-advanced-starter`](https://github.com/Vagr9K/gatsby-advanced-starter/) with a huge amount of improvements.
It is built with the [JAMStack](https://jamstack.org/), which means it's static files enhanced with some JavaScript here and there. Our files are then hosted on Netlify, which really pairs well with Gatsby and the open-source ecosystem.
## How to add an event?
Log into our [Netlify **Admin CMS** app](https://saglac.io/admin) using your pre-authorized Github account to automagically update the relational YAML data files used in the static rendering of the website.
Make sure the **Authors** and **Locations** have the necessary models before creating a new event.
## Development
Install the project:
```sh
git clone https://github.com/saglacio/saglac.io.git saglacio
cd saglacio
# Install the dependencies
npm i
# Start the development server
npm start
```
To ease the development, there are some tools already installed.
### GraphiQL
An in-browser IDE for exploring GraphQL data available in our Gatsby setup.
While the development server is started (with the previous command), the IDE should be avaible at:
[http://localhost:8000/\_\_\_graphql](http://localhost:8000/___graphql)
### Storybook
> Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular.
Since we're developing the website with React components, a Storybook app is available in development:
```sh
# Run this in another shell in parallel with the dev server
npm run storybook
```
Then, it should automatically navigate to `http://localhost:6006/`.
Otherwise, it's always available on the public website under [`https://saglac.io/storybook`](https://saglac.io/storybook/?path=/info/).
### Admin CMS
> [**Netlify CMS**](https://www.netlifycms.org/)
> Open source content management for your Git workflow
_Note that while it works in development, it will commit changes to the remote `master` branch._
The configuration file reside in the `static` directory and it is fetched by the frontend app to bootstrap itself.
static/admin/config.yml
It manages the YAML under the `data/` directory.
### Webpack Bundle Analyzer
The plugin is configured. Just run
```sh
npm run analyze
```
Then it should automatically open the browser page.
# Author
Emile Bergeron ([@emileber](https://github.com/emileber))