{"id":18750698,"url":"https://github.com/webiny/gatsby-starter-webiny","last_synced_at":"2025-06-30T13:32:46.635Z","repository":{"id":40262836,"uuid":"470669235","full_name":"webiny/gatsby-starter-webiny","owner":"webiny","description":"A starter for Gatsby showcasing how to fetch data using Webiny Headless CMS","archived":false,"fork":false,"pushed_at":"2022-10-10T04:12:38.000Z","size":1596,"stargazers_count":4,"open_issues_count":3,"forks_count":6,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-20T00:53:42.071Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"0bsd","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webiny.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}},"created_at":"2022-03-16T16:40:43.000Z","updated_at":"2024-04-13T14:41:40.000Z","dependencies_parsed_at":"2022-08-17T21:45:28.776Z","dependency_job_id":null,"html_url":"https://github.com/webiny/gatsby-starter-webiny","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webiny/gatsby-starter-webiny","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fgatsby-starter-webiny","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fgatsby-starter-webiny/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fgatsby-starter-webiny/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fgatsby-starter-webiny/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webiny","download_url":"https://codeload.github.com/webiny/gatsby-starter-webiny/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fgatsby-starter-webiny/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262783378,"owners_count":23363530,"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":[],"created_at":"2024-11-07T17:12:49.962Z","updated_at":"2025-06-30T13:32:46.558Z","avatar_url":"https://github.com/webiny.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.webiny.com\"\u003e\n    \u003cimg alt=\"Gatsby\" src=\"https://github.com/webiny/webiny-js/raw/next/static/webiny-logo.svg\" width=\"250\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\n  Gatsby starter for Webiny Headless CMS\n\u003c/h1\u003e\n\nKick off your project with this blog boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.\n\n_Have another more specific idea? You may want to check out our vibrant collection of [official and community-created starters](https://www.gatsbyjs.com/docs/gatsby-starters/)._\n\n\n## 🚀 Quick start (Gatsby Cloud)\n\nDeploy this starter with one click on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/):\n\n[\u003cimg src=\"https://www.gatsbyjs.com/deploynow.svg\" alt=\"Deploy to Gatsby Cloud\"\u003e](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/webiny/gatsby-starter-webiny)\n\n\n## Getting started with Webiny\n\n1.  **Create a Webiny instance.**\n\n\tFollow the [Webiny docs](https://www.webiny.com/docs/tutorials/install-webiny) to install a Webiny project on your cloud hosting provider. Because Webiny is a distributed system we don't run it locally. This also means you don't need to worry about setting up Docker, or installing databases and drivers on your local machine for Postgres, MongoDB or similar. The cloud takes care of that for you.\n\n\tIf you get stuck or have any questions, please [join the community](http://webiny-community.slack.com \"Webiny slack channel\") and reach out for some help.\n\n\n1.  **Add content models.**\n\n\tOnce you have an app up and running click into the \"HeadlessCMS\" app in the sidebar, click on *models* and add the following models and fields:\n\n\t### Authors\n\n- `text` field with the value \"name\"\n- `text` field with the value \"slug\" (optionally add a validator using this regex which will make sure you have valid urls: `^(?!.*--)[a-z0-9\\-]+$`)\n- `files` field with the value \"picture\"\n- `text` field with the value \"description\"\n- `text` field with the value \"twitterHandle\"\n\n\t### Posts\n\n- `text` field with the value \"title\"\n- `text` field with the value \"slug\" (optionally use the regex above as a validator)\n- `files` field with the value \"featured image\"\n- `rich text` field with the value \"body\"\n- `reference` field with the value \"Author\"\n- `text` field with the value \"description\"\n\n\tNext, choose **API Keys** in the sidebar. Add an API key with any name and description. Select \"Headless CMS\" and choose a Custom access level for all content model groups with the values `read` and `preview`. Save the API token and the token itself will be revealed.\n\n\tCopy this token and keep it somewhere private\n\n\n1.  **Connect Gatsby to your Webiny install!**\n\n    Add a new file called `.env` and add the following:\n    \n    ```shell\n    WEBINY_API_TOKEN=\u003ctoken goes here\u003e\n\tWEBINY_API_URL=\u003cyour Headless CMS API (to find out run `yarn webiny info from the root of your local Webiny project`)\u003e\n    ```\n    \n    When you run Gatsby you should now be sourcing data from your Webiny API. Visit `http://localhost:8000/___graphql` and click on the \"webiny\" data source to see your content.\n    \n## Getting started with Gatsby\n\n1.  **Create a Gatsby site.**\n\n    Use the Gatsby CLI ([install instructions](https://www.gatsbyjs.com/docs/tutorial/part-0/#gatsby-cli)) to create a new site, specifying the blog starter.\n\n    ```shell\n    # create a new Gatsby site using the blog starter\n    gatsby new gatsby-frontend-webiny https://github.com/webiny/gatsby-starter-webiny\n    ```\n\n1.  **Start developing.**\n\n    Navigate into your new site’s directory and start it up.\n\n    ```shell\n    cd gatsby-frontend-webiny/\n    gatsby develop\n    ```\n\n1.  **Open the source code and start editing!**\n\n    Your site is now running at `http://localhost:8000`!\n\n    _Note: You'll also see a second link:_ `http://localhost:8000/___graphql`. _This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby Tutorial](https://www.gatsbyjs.com/docs/tutorial/part-4/#use-graphiql-to-explore-the-data-layer-and-write-graphql-queries)._\n\n    Open the `atsby-frontend-webiny` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!\n\n## 💫 Deploy\n\n[Build, Deploy, and Host On The Only Cloud Built For Gatsby](https://www.gatsbyjs.com/products/cloud/)\n\nGatsby Cloud is an end-to-end cloud platform specifically built for the Gatsby framework that combines a modern developer experience with an optimized, global edge network.\n\nDeploy now with one click:\n\n[\u003cimg src=\"https://www.gatsbyjs.com/deploynow.svg\" alt=\"Deploy to Gatsby Cloud\"\u003e](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/webiny/gatsby-starter-webiny)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebiny%2Fgatsby-starter-webiny","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebiny%2Fgatsby-starter-webiny","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebiny%2Fgatsby-starter-webiny/lists"}