{"id":19984852,"url":"https://github.com/shaifarfan/techhub-blog","last_synced_at":"2025-06-26T12:35:01.486Z","repository":{"id":41867372,"uuid":"454608762","full_name":"ShaifArfan/techHub-blog","owner":"ShaifArfan","description":"A complete blog website using sanity.io + gatsby.js","archived":false,"fork":false,"pushed_at":"2024-08-20T05:06:24.000Z","size":69807,"stargazers_count":49,"open_issues_count":1,"forks_count":24,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-09T23:51:02.217Z","etag":null,"topics":["gatsby","jamstack","react","sanity","webcifar"],"latest_commit_sha":null,"homepage":"https://techhub-blog.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/ShaifArfan.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-02-02T01:27:34.000Z","updated_at":"2025-03-19T06:12:46.000Z","dependencies_parsed_at":"2025-01-09T18:48:33.326Z","dependency_job_id":null,"html_url":"https://github.com/ShaifArfan/techHub-blog","commit_stats":{"total_commits":35,"total_committers":1,"mean_commits":35.0,"dds":0.0,"last_synced_commit":"c79ebcda0dfdaa84e2f089a957135a0be503a41a"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ShaifArfan/techHub-blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FtechHub-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FtechHub-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FtechHub-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FtechHub-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShaifArfan","download_url":"https://codeload.github.com/ShaifArfan/techHub-blog/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FtechHub-blog/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262068697,"owners_count":23253852,"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","jamstack","react","sanity","webcifar"],"created_at":"2024-11-13T04:20:51.500Z","updated_at":"2025-06-26T12:35:01.459Z","avatar_url":"https://github.com/ShaifArfan.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/shaifarfan08"],"categories":[],"sub_categories":[],"readme":"![techhub-blog](./banner.png)\n\n# TechHub-Blog\n\nA complete blog website created with `JAMstack`. ([Gatsby.js](https://www.gatsbyjs.org/) \u0026 [Sanity.io](https://sanity.io)).\n\n**Live Preview: [http://techhub-blog.vercel.app/][preview]**\n\n**YouTube Tutorial: [🔗Playlist][project-playlist]**\n\n### Made with ❤️ by [Shaif Arfan][arfan-ig]\n\nLike my works and want to support me?\n\n\u003ca href=\"https://www.buymeacoffee.com/shaifarfan08\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\" alt=\"Buy Me A Coffee\" style=\"height: 45px !important;width: 162.75px !important;\" \u003e\u003c/a\u003e\n\n---\n\n## Project Details\n\nTechHub-blog is a complete tech blog website. Here we will see three post types: `blogs`, `categories`, and `authors`. We will create relations between these three post types. So that we can create a blog post with a category and an author. Also we will make a `search feature` where we can search against all these three post types.\n\nTo create this website we will use `JAMstack`. We will use `Gatsby.js` for the frontend and `Sanity.io` for the headless CMS. And to source our content we will use `graphql`.\n\n## What we are going to learn/use\n\n- [React.js](https://reactjs.org/)\n- [Gatsby.js](https://www.gatsbyjs.org/)\n  - [Gatsby-plugin-image](https://www.gatsbyjs.org/packages/gatsby-plugin-image/)\n    - Static Image \u0026 Gatsby Image\n  - Gatsby Page\n    - Normal Pages\n    - how to create pages programmatically\n  - Gatsby Pagination\n  - [Gatsby-plugin-local-search](https://www.gatsbyjs.org/packages/gatsby-plugin-local-search/)\n  - [GraphQL](https://graphql.org/)\n    - Static Query \u0026 Page Query\n- [Sanity.io](https://sanity.io/)\n  - Sanity Schema\n  - Custom Blocks\n    - Custom Rich-text Block to Write Blog\n    - Custom Code Block\n  - Studio Customization\n- [React-PortableText](https://github.com/portabletext/react-portabletext)\n- [Axios](https://www.npmjs.com/package/axios)\n- Many More...\n\n## Requirements\n\n- Basic knowledge of HTML, CSS, and JavaScript\n- Experience with React.js\n\n## Starter files\n\nYou can find all the starter files in starter-files branch. You can to go to the starter-files branch and download zip the the starter files or You can clone the project and git checkout to starter-files branch.\n\n## Getting Started\n\nYou can follow our complete youtube tutorial [Playlist][project-playlist]\nor You can clone the project and git checkout to starter-files branch to get started.\n\n## Tools Used\n\n- Images: Unsplash\n- UI Design: Figma\n- Code Editor: VS Code\n\n## Other projects\n\n📚 [All Web Cifar Projects][wc-projects]\n\n## FAQ\n\n### Q: How can i get started?\n\nYou can get started by following the YouTube tutorial of this project. Here is the full tutorial video link: [Playlist][project-playlist].\n\n### Q: I can use this project for my website?\n\nYes you can. It absolutely free to use.\n\n## Feedback\n\nIf you have any feedback, please reach out to us at [@web_cifar][wc-yt]\n\n## Support\n\nFor support, join our [Community Group][wc-fb-group].\n\n## License\n\n[MIT][mit]\n\nHappy Coding! ✨🚀\n\n[preview]: http://techhub-blog.vercel.app/\n[wc-yt]: http://www.youtube.com/webcifarOfficial\n[arfan-ig]: https://www.instagram.com/shaifarfan08/\n[wc-projects]: https://github.com/ShaifArfan/wc-project-tutorials\n[wc-fb-group]: https://www.facebook.com/groups/webcifar\n[mit]: https://choosealicense.com/licenses/mit/\n[project-playlist]: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7miD-rZTzTFi8mFSCI5chXI\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Ftechhub-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaifarfan%2Ftechhub-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Ftechhub-blog/lists"}