{"id":24641579,"url":"https://github.com/ayonious/that-it-guy-tech-blog","last_synced_at":"2026-04-13T22:01:53.005Z","repository":{"id":38429454,"uuid":"259943081","full_name":"ayonious/that-it-guy-tech-blog","owner":"ayonious","description":"🎧  My Personal Tech Blog","archived":false,"fork":false,"pushed_at":"2025-10-06T09:20:37.000Z","size":16774,"stargazers_count":2,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-06T11:28:13.967Z","etag":null,"topics":["blog","gatsby","tech-blogs"],"latest_commit_sha":null,"homepage":"https://that-it-guy.netlify.app","language":"MDX","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/ayonious.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-04-29T14:08:14.000Z","updated_at":"2025-10-06T09:20:41.000Z","dependencies_parsed_at":"2025-10-06T11:26:54.321Z","dependency_job_id":null,"html_url":"https://github.com/ayonious/that-it-guy-tech-blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ayonious/that-it-guy-tech-blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayonious%2Fthat-it-guy-tech-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayonious%2Fthat-it-guy-tech-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayonious%2Fthat-it-guy-tech-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayonious%2Fthat-it-guy-tech-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ayonious","download_url":"https://codeload.github.com/ayonious/that-it-guy-tech-blog/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayonious%2Fthat-it-guy-tech-blog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31772642,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T20:17:16.280Z","status":"ssl_error","status_checked_at":"2026-04-13T20:17:08.216Z","response_time":93,"last_error":"SSL_read: 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","tech-blogs"],"created_at":"2025-01-25T12:13:57.388Z","updated_at":"2026-04-13T22:01:52.993Z","avatar_url":"https://github.com/ayonious.png","language":"MDX","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  Technical Blog using Gatsby\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/ayonious/that-it-guy-tech-blog/actions\"\u003e\n    \u003cimg alt=\"CI\" src=\"https://github.com/ayonious/that-it-guy-tech-blog/workflows/CI/badge.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://app.netlify.com/sites/that-it-guy/deploys\"\u003e\n    \u003cimg alt=\"Netlify Status\" src=\"https://api.netlify.com/api/v1/badges/e15f1837-6f79-42fe-98f4-59016ed63297/deploy-status\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://codecov.io/gh/ayonious/that-it-guy-tech-blog\" \u003e \n    \u003cimg src=\"https://codecov.io/gh/ayonious/that-it-guy-tech-blog/branch/master/graph/badge.svg?token=XH2SA0T5J8\"/\u003e \n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ayonious/that-it-guy-tech-blog/actions/workflows/cypress.yml\"\u003e\n    \u003cimg alt=\"Cypress Tests\" src=\"https://github.com/ayonious/that-it-guy-tech-blog/actions/workflows/cypress.yml/badge.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e A technical Blog created by Gatsby. You can use it to write non tech blogs as well\n\n![Screenshot](https://cdn.jsdelivr.net/gh/ayonious/that-it-guy-tech-blog@master/DocumentationAssets/front.page.4.png)\n\n## [Check the Demo✨](https://that-it-guy.netlify.app)\n\n## 🎁 Features\n\n1.  ***gatsby-plugin-mdx***\n\nTo convert md files to websites\n\n2. **gatsby-source-filesystem**\n\nTo access files in this folder using a graphQL api\n\n3. **gatsby-image, gatsby-plugin-sharp, gatsby-transformer-sharp**\n\nIts about making the saved images to different formats\nAnd also loads the images lazily while webpage is refreshed\n\n4. **gatsby-plugin-styled-components**\n\nWithout this plugin all your styled components will become messy in gatsby.\nHere is the gatsby bug that you kill using this\nhttps://github.com/gatsbyjs/gatsby/issues/9911#issuecomment-450099671\n\n5. **jquery to add hash links**\n\nThis allows you to have urls like this\nhttps://that-it-guy.netlify.app/blogs/jquery-react#the-problem\n\n6. **Themes to change to dark mode**\n\nDone using Context. useContext. Context.Provider Context.Consumer\n\n7. **Code Syntax**\n\n- Code syntax highlighting using Highlight.js\n- Adding a copy button for each code block\n\n8. **Lazy loading**\n\n- If you have too many posts it will try to load them one by one based on your screen scroll position\n\n9. **Some other hooks**\n\nuseState, useContext, useCallback\n\n10. **gatsby-plugin-playground**\n\nYou can use a nice UI for running graphql queries. Lot better than the default graphql UI.\n\n11. **gatsby-plugin-react-helmet**\n\nSEO. Create special meta for your root html website that helps BOTs detect your website and understand its purpose.\n\n12. **gatsby-plugin-offline**, **gatsby-plugin-manifest**\n\n2 Steps for making your website Progressive Web App:\n\n- gatsby-plugin-manifest:\n\nhttps://www.gatsbyjs.org/docs/progressive-web-app/#it-must-include-a-web-app-manifest\nGatsby provides a plugin interface to add support for shipping a manifest with your site.\n\n- gatsby-plugin-offline:\n\nhttps://www.gatsbyjs.org/docs/progressive-web-app/#it-must-implement-a-service-worker\nGatsby also provides a plugin interface to create and load a service worker into your site\n\n## 💯 Lighthouse Score\n\n![Lighthouse Score](DocumentationAssets/lighthouse2.png)\n\n## 🖼 Screenshot and Design\n\n### 🎨 Theming\n\n![Themes](https://cdn.jsdelivr.net/gh/ayonious/that-it-guy-tech-blog@master/DocumentationAssets/themes.1.png)\n\n### Syntax highlighting with Code copy\n\n![SyntaxHighlight](https://cdn.jsdelivr.net/gh/ayonious/that-it-guy-tech-blog@master/DocumentationAssets/syntax.highlighting.png)\n\n### Filter by Post Tags\n\n![Filter](https://cdn.jsdelivr.net/gh/ayonious/that-it-guy-tech-blog@master/DocumentationAssets/filter.1.png)\n\n## 💄 Styles\n\n1. Mostly are Styled Components\n2. Filterbox: react-select, Theme Toggle: react-switch, Icons: react-icons\n3. Some pure css styles\n\n## 🚀 Deploy\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ayonious/that-it-guy-tech-blog)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayonious%2Fthat-it-guy-tech-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fayonious%2Fthat-it-guy-tech-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayonious%2Fthat-it-guy-tech-blog/lists"}