{"id":13314690,"url":"https://github.com/kontent-ai/gatsby-starter","last_synced_at":"2025-05-03T07:31:34.095Z","repository":{"id":33246273,"uuid":"145106970","full_name":"kontent-ai/gatsby-starter","owner":"kontent-ai","description":"Gatsby starter site with Kontent.ai","archived":false,"fork":false,"pushed_at":"2023-09-26T12:11:53.000Z","size":1636,"stargazers_count":16,"open_issues_count":11,"forks_count":22,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-04-07T13:11:15.284Z","etag":null,"topics":["gatsby","gatsby-starter","gatsbyjs","hacktoberfest","kontent-ai","kontent-ai-sample","react","reactjs"],"latest_commit_sha":null,"homepage":"https://gatsby-starter-kontent.netlify.com","language":"JavaScript","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/kontent-ai.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}},"created_at":"2018-08-17T10:25:38.000Z","updated_at":"2024-01-07T00:07:17.000Z","dependencies_parsed_at":"2023-09-26T14:47:42.205Z","dependency_job_id":null,"html_url":"https://github.com/kontent-ai/gatsby-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kontent-ai%2Fgatsby-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kontent-ai%2Fgatsby-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kontent-ai%2Fgatsby-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kontent-ai%2Fgatsby-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kontent-ai","download_url":"https://codeload.github.com/kontent-ai/gatsby-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252156935,"owners_count":21703378,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["gatsby","gatsby-starter","gatsbyjs","hacktoberfest","kontent-ai","kontent-ai-sample","react","reactjs"],"created_at":"2024-07-29T18:11:53.473Z","updated_at":"2025-05-03T07:31:30.538Z","avatar_url":"https://github.com/kontent-ai.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gatsby starter site with Kontent.ai\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/78b48df8-68df-4b9a-9dfc-91803d8a77d8/deploy-status)](https://app.netlify.com/sites/gatsby-starter-kontent/deploys)\n\n[![Live demo](https://img.shields.io/badge/-Live%20Demo-brightgreen.svg)](https://gatsby-starter-kontent.netlify.com/)\n[![Stack Overflow](https://img.shields.io/badge/Stack%20Overflow-ASK%20NOW-FE7A16.svg?logo=stackoverflow\u0026logoColor=white)](https://stackoverflow.com/tags/kontent-ai)\n[![Discord](https://img.shields.io/discord/821885171984891914?color=%237289DA\u0026label=Kontent.ai%20Discord\u0026logo=discord)](https://discord.gg/SKCxwPtevJ)\n\nThis repo contains a Gatsby starter site pre-configured with [Kontent.ai](https://kontent.ai/) [source plugin](https://www.npmjs.com/package/@kontent-ai/gatsby-source). The site portrays a list of articles written by a coffee shop called dancing goat.\n\n![Gatsby starter site with Kontent.ai](screenshot.png)\n\n## Prerequisites\n\n* [Node.js](https://nodejs.org/) with NPM installed\n\n## How to run the code\n\nThe preferred way is to use Gatsby CLI `gatsby new` command, but you can of course simply clone or fork this repo.\n\n### Use Gatsby CLI\n\nMake sure you have Gatsby CLI installed via `npm list -g gatsby-cli`. If not, you can install CLI via `npm install --global gatsby-cli`.\n\nThen, navigate to your projects directory and run `gatsby new [subdirectory name] https://github.com/kontent-ai/gatsby-starter`. Replace `[subdirectory name]` with your project directory's name. The CLI tool will essentially do three things:\n\n* create a subdirectory\n* clone the starter site code files into that subdirectory\n* run `npm install` to get all dependencies for you\n  * that also copies content from `.env.template` to newly created `.env` file using `prepare` npm script\n\n### Clone or fork the repo\n\n[Clone](https://git-scm.com/docs/git-clone) or [fork](https://hub.github.com/hub-fork.1.html) this repo. Once it's done, navigate to the [app's root directory](https://github.com/kontent-ai/gatsby-starter) and run:\n\n`npm install`\n\n### Run the starter site\n\nNow, run:\n\n`npm run develop` (or `gatsby develop`, should you have the Gatsby CLI installed)\n\nThis will bootstrap the site, build all static pages and start the site at \u003chttp://localhost:8000\u003e . You'll also be able to test arbitrary GraphQL queries in the GraphiQL interface via \u003chttp://localhost:8000/___graphql\u003e.\n\n## Developing\n\nYou may use any IDE, however, we recommend [Visual Studio Code](https://code.visualstudio.com/) as we have added a [settings file](https://github.com/kontent-ai/gatsby-starter/blob/master/.vscode/launch.json) for easier debugging.\n\n### Get to the content source\n\n1. Go to [app.kontent.ai](https://app.kontent.ai) \n1. Click on the account icon and click on the `projects`\n1. Select Sample Project. If there is not any, there should be a card with an option to create it. \n1. Set environment variables to `.env` (created automatically by running `npm install`)\n    * `KONTENT_PROJECT_ID` from Go to \"Project Settings\" -\u003e \"API keys\" -\u003e \"Project ID\"\n    * `KONTENT_LANGUAGE_CODENAMES`  from \"Project Settings\" -\u003e \"Localization\" (use \"Codename\" of each language)\n\n### Retrieve both published and unpublished content\n\nTo load data from [Preview API](https://kontent.ai/learn/reference/delivery-api/#section/Production-vs.-Preview) just set the following environment variables to your `.env` file (created automatically by running `npm install`)\n\n* `KONTENT_PREVIEW_KEY` from Go to \"Project Settings\" -\u003e \"API keys\" -\u003e \"Preview API\" -\u003e \"Primary key/Secondary key\"\n* `KONTENT_PREVIEW_ENABLED` to `true`\n\n### Experimenting\n\nOf all the artifacts of Kontent.ai, the starter site only displays content items and only in the default language. But, our [source plugin](https://github.com/kontent-ai/gatsby-packages/tree/master/packages/gatsby-source) also provides content types and items in non-default languages.\n\nCheck out the [source plugin's readme](https://github.com/kontent-ai/gatsby-packages/tree/master/packages/gatsby-source#readme) for more details on which kinds of data and relationships it supports.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkontent-ai%2Fgatsby-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkontent-ai%2Fgatsby-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkontent-ai%2Fgatsby-starter/lists"}