{"id":28159829,"url":"https://github.com/tymate/gatsby-starter-datocms","last_synced_at":"2025-11-11T20:32:48.661Z","repository":{"id":57245054,"uuid":"277301188","full_name":"tymate/gatsby-starter-datocms","owner":"tymate","description":"Bootstrap your JAMstack with datoCMS, Tymate devs’ favorite libraries, as well as a Netlify automation plugins.","archived":false,"fork":false,"pushed_at":"2023-01-11T22:20:41.000Z","size":626,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-04-24T19:47:31.515Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tymate.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":"2020-07-05T12:50:21.000Z","updated_at":"2020-10-26T15:54:23.000Z","dependencies_parsed_at":"2023-02-09T08:17:23.165Z","dependency_job_id":null,"html_url":"https://github.com/tymate/gatsby-starter-datocms","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tymate%2Fgatsby-starter-datocms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tymate%2Fgatsby-starter-datocms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tymate%2Fgatsby-starter-datocms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tymate%2Fgatsby-starter-datocms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tymate","download_url":"https://codeload.github.com/tymate/gatsby-starter-datocms/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253814973,"owners_count":21968560,"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":"2025-05-15T10:11:45.704Z","updated_at":"2025-11-11T20:32:48.639Z","avatar_url":"https://github.com/tymate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- AUTO-GENERATED-CONTENT:START (STARTER) --\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tymate.com\"\u003e\n    \u003cimg alt=\"Tymate\" src=\"https://studio.tymate.com/logo-long.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.gatsbyjs.org\"\u003e\n    \u003cimg alt=\"Gatsby\" src=\"https://www.gatsbyjs.org/monogram.svg\" width=\"60\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n# Gatsby starter datoCMS\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\nBootstrap your JAMstack with datoCMS, Tymate devs’ favorite libraries, as well as a Netlify automation plugins.\n\n## 🌱 Prerequisites\n\n* node \u003e= 10\n* yarn\n\n## 🚀 Quick start\n\n1.  **Create a Gatsby site.**\n\n    Use the Gatsby CLI to create a new site, specifying the hello-world starter.\n\n    ```shell\n    # create a new Gatsby site using the gatsby-starter-datocms\n    gatsby new my-project-name https://github.com/tymate/gatsby-starter-datocms\n    ```\n\n2.  **Set up your environment.**\n    Navigate into your new site’s directory and add a envionment file.\n\n    ```shell\n    cd my-project-name/\n    mkdir .env.development\n    ```\n\n    Add this template in your `.env.development` and complete it with you API keys.\n\n    ```\n    GATSBY_DATOCMS_API_TOKEN=\n    GATSBY_GA=\n    ```\n\n3.  **Start developing.**\n\n    Now you can start it up.\n\n    ```shell\n    gatsby develop \n    ```\n\n3.  **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.org/tutorial/part-five/#introducing-graphiql)._\n\n    Open the `my-project-name` 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##  📦 What's inside?\n\nA quick look at the top-level files and directories you'll see in a Gatsby project, and list of included libraries.\n\n### Project architecture\n    .\n    ├── node_modules\n    ├── src\n    |   ├── components\n    |   |   ├── Seo\n    |   ├── images\n    |   ├── pages\n    |   ├── templates\n    |   ├── ui\n    |   ├── utils\n    ├── static\n    |   ├── fonts\n    ├── .env.development\n    ├── .gitignore\n    ├── .prettierrc\n    ├── gatsby-browser.js\n    ├── gatsby-config.js\n    ├── gatsby-node.js\n    ├── gatsby-ssr.js\n    ├── LICENSE\n    ├── netlify.toml\n    ├── package.json\n    ├── package-lock.json\n    └── README.md\n\n### Included libraries\n\n* [lodash](https://lodash.com/)\n* [date-fns](http://date-fns.org/)\n* [react-modal](https://github.com/reactjs/react-modal)\n* [react-use](https://github.com/streamich/react-use)\n* [react-icons](https://react-icons.github.io/react-icons/)\n* [sanitize.css](https://csstools.github.io/sanitize.css/)\n* [styled-components](https://styled-components.com/)\n* [medium-zoom](https://medium-zoom.francoischalifour.com/)\n* [react-helmet](https://github.com/nfl/react-helmet)\n\n ## 📣 What's next\n\n* ⚠️ Edit `README.md`\n* Change name and description in `package.json`\n* Change title, description and siteUrl in `siteMetadata` and the name, description and short_name in `gatsby-plugin-manifest` options's in gatsby-config.js` \n* Replace the `favicon.png` by your favicon\n\n## ©️ License\n\nApache 2.0\n\n\u003c!-- AUTO-GENERATED-CONTENT:END --\u003e\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/cynthiahenaff\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/26904024?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCynthia Henaff \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/tymate/gatsby-starter-datocms/commits?author=cynthiahenaff\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftymate%2Fgatsby-starter-datocms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftymate%2Fgatsby-starter-datocms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftymate%2Fgatsby-starter-datocms/lists"}