{"id":22387223,"url":"https://github.com/codelikeagirl29/foundation-gatsby","last_synced_at":"2026-04-08T18:31:41.065Z","repository":{"id":128288371,"uuid":"564207228","full_name":"CodeLikeAGirl29/foundation-gatsby","owner":"CodeLikeAGirl29","description":"A blog site about National Parks in the USA. | Made with Gatsby, React \u0026 deployed with Vercel.","archived":false,"fork":false,"pushed_at":"2023-04-21T08:58:06.000Z","size":28421,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-26T21:13:52.421Z","etag":null,"topics":["blog","gatsby","gatsby-starter","markdown","netlify","react","vercel"],"latest_commit_sha":null,"homepage":"https://foundation-gatsby.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeLikeAGirl29.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-11-10T08:16:10.000Z","updated_at":"2023-12-02T14:00:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"1a6f3c35-cf42-4faf-8d5c-5a4bd8b5f8b6","html_url":"https://github.com/CodeLikeAGirl29/foundation-gatsby","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeLikeAGirl29/foundation-gatsby","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Ffoundation-gatsby","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Ffoundation-gatsby/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Ffoundation-gatsby/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Ffoundation-gatsby/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeLikeAGirl29","download_url":"https://codeload.github.com/CodeLikeAGirl29/foundation-gatsby/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Ffoundation-gatsby/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31568601,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["blog","gatsby","gatsby-starter","markdown","netlify","react","vercel"],"created_at":"2024-12-05T02:08:08.433Z","updated_at":"2026-04-08T18:31:41.058Z","avatar_url":"https://github.com/CodeLikeAGirl29.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e **Update** Foundation is now built with Gatsby V4, this include many performance updates!\n\n˗ˏˋ ★ ˎˊ˗\n\n---\n\n\u0026nbsp;\u003ca href=\"https://twitter.com/intent/follow?screen_name=dev_lindseyk\"\u003e\n\u003cimg src=\"https://img.shields.io/twitter/follow/stackrole.svg?label=Follow%20@dev_lindseyk\" alt=\"Follow @dev_lindseyk\" /\u003e\n\u003c/a\u003e\n\n# Foundation\n\nA starter to launch your blazing fast personal website or blog, Built with [Gatsby][gatsby] and [Netlify CMS][netlifycms].\n\nInterested in learning more about Gatsby? [Here](https://dev.to/codelikeagirl29/gatsbyjs-101-4b3o) is an article I have written about the different parts in a Gatsby project!\n\n![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=foundation-gatsby)\n\n\u003e Need help launching your website? ✉️ Email me @ \u003ca href=\"mailto:lindseykdev@gmail.com\"\u003elindseykdev@gmail.com\u003c/a\u003e\n\n[![Foundation Screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1673765436/projects/Foundation_pqhiou.png)](https://main--foundationwithgatsby.netlify.app/)\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- → Search bar\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## 🚀 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/codelikeagirl29/foundation-gatsby)\n\nThis would fork `foundation-gatsby` 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\n## ⚙ Access to Netlify CMS\n\n- Go to app.netlify.com \u003e select your website from the list\n- Go to identity and Click **Enable Identiy**\n- Click on **Invite Users** and invite yourself. You will receive an email \u0026 will need to accept the invitation to set the password.\n- Now head over to Settings \u003e Identity \u003e Services \u0026 **Enable Git Gateway**\n- You can also manage who can register and log in to your CMS. Go to Settings \u003e Identity \u003e Registration \u003e Registration Preferences. I would prefer to keep it to **Invite Only**, if i am the only one using it.\n- Now, go  to 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 `foundation-gatsby` starter.\n\n```bash\ngatsby new gatsby-starter-foundation https://github.com/codelikeagirl29/foundation-gatsby\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 foundation-gatsby\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 `foundation-gatsby` 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    ├── 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.  **`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\n9. **`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\n10. **`README.md`**: A text file containing useful reference information about your project.\n\n---\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\n[gatsby]: https://gatsbyjs.org\n[netlifycms]: https://www.netlifycms.org\n[lindsey]: https://lindseyk.dev\n[twitter]: https://twitter.com/dev_lindseyk\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Ffoundation-gatsby","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodelikeagirl29%2Ffoundation-gatsby","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Ffoundation-gatsby/lists"}