{"id":15545995,"url":"https://github.com/davbree/charming-aluminum","last_synced_at":"2026-04-09T08:48:04.007Z","repository":{"id":140317164,"uuid":"321644989","full_name":"davbree/charming-aluminum","owner":"davbree","description":"Jamstack site created with Stackbit","archived":false,"fork":false,"pushed_at":"2020-12-15T11:31:13.000Z","size":40703,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-29T13:46:49.792Z","etag":null,"topics":["gatsby","git","headless","jamstack","ssg","stackbit","static"],"latest_commit_sha":null,"homepage":"https://jamstack.new","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/davbree.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","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-12-15T11:19:38.000Z","updated_at":"2020-12-15T11:20:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"e05b0cc1-37f5-442c-8984-02ebb3e82255","html_url":"https://github.com/davbree/charming-aluminum","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/davbree%2Fcharming-aluminum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fcharming-aluminum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fcharming-aluminum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fcharming-aluminum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davbree","download_url":"https://codeload.github.com/davbree/charming-aluminum/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245233284,"owners_count":20581773,"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","git","headless","jamstack","ssg","stackbit","static"],"created_at":"2024-10-02T12:59:59.522Z","updated_at":"2026-04-09T08:47:58.981Z","avatar_url":"https://github.com/davbree.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Code Climate](https://codeclimate.com/github/Vagr9K/gatsby-material-starter/badges/gpa.svg)](https://codeclimate.com/github/Vagr9K/gatsby-material-starter)\n[![Issue Count](https://codeclimate.com/github/Vagr9K/gatsby-material-starter/badges/issue_count.svg)](https://codeclimate.com/github/Vagr9K/gatsby-material-starter)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/990fb54ea8094f2aa0ed77f14e859820)](https://www.codacy.com/app/Vagr9K/gatsby-material-starter?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=Vagr9K/gatsby-material-starter\u0026utm_campaign=Badge_Grade)\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"docs/logo.png\" alt=\"Logo\" width='200px' height='200px'/\u003e\n\u003c/div\u003e\n\n# Gatsby Material Starter\n\nA blog starter with Material design in mind for [Gatsby](https://github.com/gatsbyjs/gatsby/).\n\n[Demo website.](https://vagr9k.github.io/gatsby-material-starter/)\n\n![Screenshot](docs/screenshot.png)\n\n## GatsbyJS V2\n\nThis starter is based on GatsbyJS V2, which brings progressive web app features such as automatic code and data splitting (by route), prefetching, with service worker/offline-first support and PRPL pattern.\n\nMore information in the [announcement](https://www.gatsbyjs.org/blog/2018-09-17-gatsby-v2/).\n\nNOTE: You can access the v1 version of the starter via the [`v1` branch](https://github.com/Vagr9K/gatsby-material-starter/tree/v1).\n\n## Features\n\n- Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files\n- [React-MD](https://github.com/mlaursen/react-md) for Material design\n  - Integrated FontAwesome support\n  - Integrated Material Icons support\n- SASS/SCSS styling\n- [NetlifyCMS](https://www.netlifycms.org/docs/intro/) support for creating/editing posts via admin panel\n- Separate components for everything\n- High configurability:\n  - User information\n  - User social profiles\n  - Copyright information\n  - More!\n- Author segment\n  - Name\n  - Location\n  - Description\n  - Links\n  - Follow Me button\n- Posts in Markdown\n  - Code syntax highlighting\n  - Embedded YouTube videos\n  - Embedded Tweets\n- Tags\n  - Separate page for posts under each tag\n- Categories\n  - Separate page for posts under each category\n- Suggested posts segment\n- Disqus support\n  - Notifications about new disqus comments\n- Responsive design\n  - On mobile, Disqus is loaded only after expanding comments for better performance\n- Social features\n  - Twitter tweet button\n  - Facebook share/share count\n  - Reddit share/share count\n  - Google+ share button\n  - LinkedIn share button\n  - Telegram share button\n- SEO\n  - Sitemap generation\n  - robots.txt\n  - General description tags\n  - Schema.org JSONLD (Google Rich Snippets)\n  - OpenGraph Tags (Facebook/Google+/Pinterest)\n  - Twitter Tags (Twitter Cards)\n- RSS feeds\n- Loading progress for slow networks\n- Offline support\n- Web App Manifest support\n- Automatic image transformation and size optimization\n- Netlify deploy configuration\n- Google Analytics support\n- Development tools\n  - ESLint for linting\n  - Prettier for code style\n  - Remark-Lint for linting Markdown\n  - write-good for linting English prose\n  - gh-pages for deploying to GitHub pages\n  - CodeClimate configuration file and badge\n\nNOTE: Take a look at [gatsby-advanced-starter](https://github.com/Vagr9K/gatsby-advanced-starter) if you prefer building UI from scratch and/or only interested in fundamental features.\n\nYou can also visit [my personal blog](https://vagr9k.me) if you want to see a fully implemented blog based on this starter.\n\n![Article Screenshot](docs/screenshot-article.png)\n![Mobile Screenshot](docs/screenshot-mobile.png)\n\nShowcase of NetlifyCMS:\n\n![Netlify Admin Dashboard](docs/netlifyadmin-main.png)\n![Netlify Admin Post Editing](docs/netlifyadmin-edit.png)\n\n## Getting Started\n\nInstall this starter (assuming [Gatsby](https://github.com/gatsbyjs/gatsby/) is installed and updated) by running from your CLI:\n\n```sh\ngatsby new YourProjectName https://github.com/Vagr9K/gatsby-material-starter\nnpm install # or yarn install\nnpm run develop # or gatsby develop\n```\n\nOr you can fork the project, make your changes there and merge new features when needed.\n\nAlternatively:\n\n```sh\ngit clone https://github.com/Vagr9K/gatsby-material-starter YourProjectName # Clone the project\ncd YourProjectname\nrm -rf .git # So you can have your own changes stored in VCS.\nnpm install # or yarn install\nnpm run develop # or gatsby develop\n```\n\n## Configuration\n\nEdit the export object in `data/SiteConfig`:\n\n```js\nmodule.exports = {\n  siteTitle: \"Gatsby Material Starter\", // Site title.\n  siteTitleShort: \"GM Starter\", // Short site title for homescreen (PWA). Preferably should be under 12 characters to prevent truncation.\n  siteTitleAlt: \"GatsbyJS Material Starter\", // Alternative site title for SEO.\n  siteLogo: \"/logos/logo-1024.png\", // Logo used for SEO and manifest.\n  siteUrl: \"https://vagr9k.github.io\", // Domain of your website without pathPrefix.\n  pathPrefix: \"/gatsby-material-starter\", // Prefixes all links. For cases when deployed to example.github.io/gatsby-material-starter/.\n  fixedFooter: false, // Whether the footer component is fixed, i.e. always visible\n  siteDescription: \"A GatsbyJS stater with Material design in mind.\", // Website description used for RSS feeds/meta description tag.\n  siteRss: \"/rss.xml\", // Path to the RSS file.\n  siteFBAppID: \"1825356251115265\", // FB Application ID for using app insights\n  siteGATrackingID: \"UA-47311644-4\", // Tracking code ID for google analytics.\n  disqusShortname: \"https-vagr9k-github-io-gatsby-material-starter\", // Disqus shortname.\n  dateFromFormat: \"YYYY-MM-DD\", // Date format used in the frontmatter.\n  dateFormat: \"DD/MM/YYYY\", // Date format for display.\n  userName: \"Material User\", // Username to display in the author segment.\n  userTwitter: \"\", // Optionally renders \"Follow Me\" in the UserInfo segment.\n  userLocation: \"North Pole, Earth\", // User location to display in the author segment.\n  userAvatar: \"https://api.adorable.io/avatars/150/test.png\", // User avatar to display in the author segment.\n  userDescription:\n    \"Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people.\", // User description to display in the author segment.\n  // Links to social profiles/projects you want to display in the author segment/navigation bar.\n  userLinks: [\n    {\n      label: \"GitHub\",\n      url: \"https://github.com/Vagr9K/gatsby-material-starter\",\n      iconClassName: \"fa fa-github\",\n    },\n    {\n      label: \"Twitter\",\n      url: \"https://twitter.com/Vagr9K\",\n      iconClassName: \"fa fa-twitter\",\n    },\n    {\n      label: \"Email\",\n      url: \"mailto:vagr9k@gmail.com\",\n      iconClassName: \"fa fa-envelope\",\n    },\n  ],\n  copyright: \"Copyright © 2020. Material User\", // Copyright string for the footer of the website and RSS feed.\n};\n```\n\nYou can also optionally set `pathPrefix`:\n\n```js\nmodule.exports = {\n  // Note: it must *not* have a trailing slash.\n  pathPrefix: \"/gatsby-material-starter\", // Prefixes all links. For cases when deployed to example.github.io/gatsby-material-starter/.\n};\n```\n\nNOTE: `user*`, `disqusShortname` and `copyright` are optional and won't render if omitted.\n\nWARNING: Make sure to edit `static/robots.txt` to include your domain for the sitemap!\n\n## NetlifyCMS\n\nFirst of all, make sure to edit `static/admin/config.yml` and add your [GitHub/GitLab/NetlifyId credentials](https://www.netlifycms.org/docs/authentication-backends/):\n\n```yml\nbackend:\n  name: github # Refer to https://www.netlifycms.org/docs/authentication-backends/ for auth backend list and instructions\n  branch: master # Branch to update\n  repo: vagr9k/gatsby-material-starter # Repo for pushing new commits. Make sure to replace with your repo!\n```\n\nYou can visit `/admin/` after and will be greeted by a login dialog (depending on the auth provider you ave chosen above).\n\nFor NetlifyCMS specific issues visit the [official documentation](https://www.netlifycms.org/docs/intro/).\n\n## Theming\n\nEdit `src/layout/theme.scss` to suit your needs.\nYou can use [Material color palette](https://react-md.mlaursen.com/customization/colors) provided by React-MD.\n\n```css\n@import \"~react-md/src/scss/react-md\";\n$md-primary-color: $md-grey-400;\n$md-secondary-color: $md-red-800;\n$md-tertiary-color: $md-grey-300;\n```\n\n# Author\n\nRuben Harutyunyan ([@Vagr9K](https://twitter.com/Vagr9K))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavbree%2Fcharming-aluminum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavbree%2Fcharming-aluminum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavbree%2Fcharming-aluminum/lists"}