{"id":16384136,"url":"https://github.com/redmega/example_05_static_site_generation_with_gatsby","last_synced_at":"2026-06-19T02:31:46.792Z","repository":{"id":134053649,"uuid":"101089042","full_name":"Redmega/example_05_static_site_generation_with_gatsby","owner":"Redmega","description":"An example static app built with gatsby using the gatsby-source-graphcms plugin and hosting with netlify","archived":false,"fork":false,"pushed_at":"2017-08-22T20:04:55.000Z","size":5,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-12T02:03:34.367Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Redmega.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-22T17:22:33.000Z","updated_at":"2017-11-07T12:26:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"646bd840-7e6c-4957-ad21-06e887ed824e","html_url":"https://github.com/Redmega/example_05_static_site_generation_with_gatsby","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Redmega/example_05_static_site_generation_with_gatsby","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redmega%2Fexample_05_static_site_generation_with_gatsby","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redmega%2Fexample_05_static_site_generation_with_gatsby/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redmega%2Fexample_05_static_site_generation_with_gatsby/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redmega%2Fexample_05_static_site_generation_with_gatsby/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Redmega","download_url":"https://codeload.github.com/Redmega/example_05_static_site_generation_with_gatsby/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redmega%2Fexample_05_static_site_generation_with_gatsby/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34515405,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-19T02:00:06.005Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-11T04:10:37.629Z","updated_at":"2026-06-19T02:31:46.772Z","avatar_url":"https://github.com/Redmega.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nGraphCMS, Gatsby, \u0026 Netlify Example\n\nThis is an example static site made with [graphcms](https://graphcms.com/) and [gatsby](https://gatsbyjs.org), and hosted on [netlify](https://netlify.com). You can see the full sample app live [here](https://gatsby-graphcms.netlify.com/)!\n\n[comment]: # (A detailed blog post can be found [here](https://graphcms.com/blog/static-site-generation-using-graphcms-spike-and-netlify).)\n\n## Setup\n\n- make sure [node.js](http://nodejs.org) is at version \u003e= `6`\n- `npm i gatsby-cli -g`\n- clone this repo down and `cd` into the folder\n- run `npm install`\n- run `gatsby develop` or `gatsby build \u0026\u0026 gatsby serve`\n\n## Structure\n\nAll configuration can be found in the `gatsby-config.js` file. We use [spike-records](https://github.com/static-dev/spike-records), a general purpose plugin for consuming external data, in order to pull in data from GraphCMS. You can see a basic graphql query for the data that we need. We also transform the data to shed the generic wrapper (`data.allRecords.x`) before piping it into templates, and generate a single view for each item using the `template` option.\n\nThe primary views and templates are all found in the `views` folder. View syntax is written in [sugarml](https://github.com/reshape/sugarml), a pug-like whitespace-sensitive html syntax parser for [reshape](https://reshape.ml/). There is no lock-in here though, as you can convert to a [sugarfree syntax](https://github.com/static-dev/spike-tpl-sugarfree) with one simple option and keep all the same layout, looping, and local syntax the same. The markup is quite simple, really.\n\nThe css is also very simple and is found in `assets/css`. Very roughly written to follow [gps](https://github.com/jescalan/gps) guidelines. There is no javascript at all on this site as it doesn't require interactivity.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredmega%2Fexample_05_static_site_generation_with_gatsby","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredmega%2Fexample_05_static_site_generation_with_gatsby","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredmega%2Fexample_05_static_site_generation_with_gatsby/lists"}