{"id":13516962,"url":"https://github.com/stackrole/gatsby-starter-foundation","last_synced_at":"2025-04-09T05:13:00.451Z","repository":{"id":37107206,"uuid":"266309514","full_name":"stackrole/gatsby-starter-foundation","owner":"stackrole","description":"A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole","archived":false,"fork":false,"pushed_at":"2024-09-13T15:31:45.000Z","size":33983,"stargazers_count":272,"open_issues_count":14,"forks_count":127,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-04-02T04:05:24.748Z","etag":null,"topics":["gatsby","gatsby-starter","gatsbyjs","graphql","jamstack","netlify-cms","netlify-website","reactjs","stackrole","template"],"latest_commit_sha":null,"homepage":"https://foundation.stackrole.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/stackrole.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":"2020-05-23T10:03:41.000Z","updated_at":"2025-03-28T14:29:35.000Z","dependencies_parsed_at":"2024-09-23T01:45:34.825Z","dependency_job_id":null,"html_url":"https://github.com/stackrole/gatsby-starter-foundation","commit_stats":{"total_commits":94,"total_committers":15,"mean_commits":6.266666666666667,"dds":0.7340425531914894,"last_synced_commit":"0e6c2086f333bc3764d5fc10520f6bb456d65d39"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackrole%2Fgatsby-starter-foundation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackrole%2Fgatsby-starter-foundation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackrole%2Fgatsby-starter-foundation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackrole%2Fgatsby-starter-foundation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackrole","download_url":"https://codeload.github.com/stackrole/gatsby-starter-foundation/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247980844,"owners_count":21027808,"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","graphql","jamstack","netlify-cms","netlify-website","reactjs","stackrole","template"],"created_at":"2024-08-01T05:01:27.835Z","updated_at":"2025-04-09T05:13:00.408Z","avatar_url":"https://github.com/stackrole.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Starter Template"],"sub_categories":[],"readme":"\u003e **Update** If you love building with gatsby-starter-foundation, join the discussion about its future updates. We value your input! https://github.com/stackrole/gatsby-starter-foundation/discussions/91\n\n---\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/63521b78-612e-4a2f-a409-3fa8009e7f3b/deploy-status)](https://app.netlify.com/sites/frosty-perlman-9da1cb/deploys) \u0026nbsp;\u003ca href=\"https://twitter.com/intent/follow?screen_name=stackrole\"\u003e\n\u003cimg src=\"https://img.shields.io/twitter/follow/stackrole.svg?label=Follow%20@Stackrole\" alt=\"Follow @stackrole\" /\u003e\n\u003c/a\u003e\n\n# Foundation\n\nA starter to launch your blazing fast personal website and a blog, Built with [Gatsby][gatsby] and [Netlify CMS][netlifycms].\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/stackrole/gatsby-starter-foundation)\n\nNeed help launching your website? My DM's are open on \u003ca href=\"https://twitter.com/stackrole\"\u003etwitter\u003c/a\u003e\n\n[![Gatsby Starter Foundation Screenshot](static/assets/gatsby-starter-foundation-light-mode.jpg)](https://foundation.stackrole.com)\n\n## 👌 Features\n\n- A Blog and Personal website with Netlify CMS.\n- Responsive Web Design\n- Dark / Light Mode\n- Customize theme color from CMS\n\n    ![gatsby-starter-foundation-dark-mode.jpg](https://media.giphy.com/media/Pb4yImVfcF6MDYuuGm/giphy.gif)\n\n- Search bar\n- Customize content of Homepage, About and Contact page.\n- Customize content of Homepage, About and Contact page.\n- Add / Modify / Delete blog posts.\n- Edit website settings, Add Google Analytics and make it your own all with in the CMS.\n- SEO Optimized\n- Social media icons\n- OpenGraph structured data\n- Twitter Cards meta\n- Beautiful XML Sitemaps\n- Netlify Contact Form, Works right out of the box after deployment.\n- Invite collaborators into Netlify CMS, without giving access to your Github account via Git Gateway\n- Gatsby Incremental Builds with Netlify.\n\n[![Gatsby Starter Foundation Screenshot](static/assets/gatsby-starter-foundation-dark-mode.jpg)](https://foundation.stackrole.com)\n\n## 🚀 Quick Deploy\n\nJust click on the **Deploy to Netlify** button.\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/stackrole/gatsby-starter-foundation)\n\nThis would fork `gatsby-starter-foundation` to your Github account and start building your website on [Netlify](https://netlify.com). Once the deployment is done. Your website will be live and website address would look like **site-name.netlify.app**\n\n### Further Instructions\n\n- [Access to Netlify CMS](#access-to-netlify-cms)\n- [Editing content and Adding posts](#editing-content-and-adding-posts)\n- [Customing Site details](#customing-site-details)\n- [Adding Custom domain to netlify website](#adding-custom-domain-to-netlify-website)\n- [Install Locally](#install-locally)\n- [Folder Structure](#folder-structure)\n- [Learning Gatsby](#learning-gatsby)\n- [Thank you from Stackrole](#thank-you)\n\n## ⚙ Access to Netlify CMS\n\n- Goto app.netlify.com \u003e select your website from the list\n- Goto identity and Click **Enable Identiy**\n- Click on **Invite Users** and invite yourself. You will receive an email and you need to accept the invitation to set the password.\n- Now headover to Settings \u003e Identity \u003e Services and **Enable Git Gateway**\n- You can also manage who can register and log in to your CMS. Goto Settings \u003e Identity \u003e Registration \u003eRegistration Preferences. I would prefer to keep it to **Invite Only**, if i am the only one using it.\n- Now, goto to **site-name.netlify.app/admin/**, and login with your credentials.\n\n## 📝 Editing content and Adding posts\n\nOnce you are in your Netlify CMS, you can navigate to Posts and Pages. Here you will find a list of existing pages and posts.\n\nYou can select any existing post or page to start editing or add a **New Post**. Have fun :)\n\n## ⚙ Customing Site details\n\nYou can find all the website settings such website Site title, Website URL, Google anlaytics etc,.. in your Netlify CMS `Admin \u003e Settings \u003e General`\n\n## 🌐 Adding Custom domain to netlify website\n\nWe have written a short article on [Custom domain with Netlify website](custom-domain)\n\n## 🖥 Install Locally\n\nUse the Gatsby CLI to create a new site, specifying the `gatsby-starter-foundation` starter.\n\n```bash\ngatsby new gatsby-starter-foundation https://github.com/stackrole/gatsby-starter-foundation\n```\n\n\u003e You need Node and Gatsby-CLI installed, check out Gatsby [Setup Instructions](https://www.gatsbyjs.org/tutorial/part-zero/)\n\n### Start developing\n\nNavigate into your new site’s directory and start it up.\n\n```shell\ncd my-hello-world-starter/\ngatsby develop\n```\n\n**Open the source code and start editing!**\n\nYour 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\nOpen the `gatsby-starter-foundation` directory in your code editor of choice and edit. Save your changes and the browser will update in real time!\n\nYou can use Netlify CMS in you local just run `npx netlify-cms-proxy-server` and start run `gatsby develop`\n\n## 📁 Folder Structure\n\nA quick look at the top-level files and directories you'll see in a Gatsby project.\n\n    .\n    ├── node_modules\n    ├── src\n    ├── .gitignore\n    ├── .prettierrc\n    ├── gatsby-browser.js\n    ├── gatsby-config.js\n    ├── gatsby-node.js\n    ├── LICENSE\n    ├── package-lock.json\n    ├── package.json\n    └── README.md\n\n1.  **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.\n\n2.  **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for “source code”.\n\n3.  **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.\n\n4.  **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.\n\n5.  **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.org/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.\n\n6.  **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. (Check out the [config docs](https://www.gatsbyjs.org/docs/gatsby-config/) for more detail).\n\n7.  **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.org/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.\n\n8.  **`LICENSE`**: Gatsby is licensed under the MIT license.\n\n9.  **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You won’t change this file directly).**\n\n10. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.\n\n11. **`README.md`**: A text file containing useful reference information about your project.\n\n## 🎓 Learning Gatsby\n\nLooking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:\n\n- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.\n\n- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.\n\n## 🙏 Thank you\n\nWe really appreciate you taking time to build your website with our `gatsby-starter-foundation`.\n\nI would love to get your feedback and contributions.\n\nFeel free to ping [@stackrole](stackrole) for help regarding your JAMstack website, our DM's are open. And do not forget to share you website with me 😊\n\n[![Check out Stackrole.com - A Jamstack marketplace](static/assets/twitter-header.jpg)](https://stackrole.com)\n\n[gatsby]: https://gatsbyjs.org\n[netlifycms]: https://www.netlifycms.org\n[stackrole]: https://stackrole.com\n[twitter]: https://twitter.com/stackrole\n[custom-domain]: https://stackrole.com/adding-custom-domain-netlify\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackrole%2Fgatsby-starter-foundation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackrole%2Fgatsby-starter-foundation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackrole%2Fgatsby-starter-foundation/lists"}