{"id":49735302,"url":"https://github.com/thehaseebahmed/js-hashnode-widget","last_synced_at":"2026-05-09T07:45:18.118Z","repository":{"id":57702550,"uuid":"502191711","full_name":"thehaseebahmed/js-hashnode-widget","owner":"thehaseebahmed","description":"A very simple but responsive widget for loading blog posts from Hashnode in your personal website.","archived":false,"fork":false,"pushed_at":"2022-06-12T09:22:53.000Z","size":655,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-27T11:57:27.978Z","etag":null,"topics":["hashnode","hashnode-api","hashnode-blog","hashnode-blogs"],"latest_commit_sha":null,"homepage":"https://tha-hashnode-widget.stackblitz.io","language":"TypeScript","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/thehaseebahmed.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}},"created_at":"2022-06-10T22:01:52.000Z","updated_at":"2023-09-22T05:07:39.000Z","dependencies_parsed_at":"2022-09-04T18:10:46.183Z","dependency_job_id":null,"html_url":"https://github.com/thehaseebahmed/js-hashnode-widget","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thehaseebahmed/js-hashnode-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thehaseebahmed%2Fjs-hashnode-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thehaseebahmed%2Fjs-hashnode-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thehaseebahmed%2Fjs-hashnode-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thehaseebahmed%2Fjs-hashnode-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thehaseebahmed","download_url":"https://codeload.github.com/thehaseebahmed/js-hashnode-widget/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thehaseebahmed%2Fjs-hashnode-widget/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32811662,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"online","status_checked_at":"2026-05-09T02:00:06.633Z","response_time":123,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["hashnode","hashnode-api","hashnode-blog","hashnode-blogs"],"created_at":"2026-05-09T07:45:17.328Z","updated_at":"2026-05-09T07:45:18.107Z","avatar_url":"https://github.com/thehaseebahmed.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\u003c!--\n*** Thanks for checking out the Best-README-Template. If you have a suggestion\n*** that would make this better, please fork the repo and create a pull request\n*** or simply open an issue with the tag \"enhancement\".\n*** Don't forget to give the project a star!\n*** Thanks again! Now go create something AMAZING! :D\n--\u003e\n\n\u003c!-- PROJECT SHIELDS --\u003e\n\u003c!--\n*** I'm using markdown \"reference style\" links for readability.\n*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).\n*** See the bottom of this document for the declaration of the reference variables\n*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.\n*** https://www.markdownguide.org/basic-syntax/#reference-style-links\n--\u003e\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n[![LinkedIn][linkedin-shield]][linkedin-url]\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch3 align=\"center\"\u003eHashnode Widget\u003c/h3\u003e\n  \u003cp align=\"center\"\u003e\n    A very simple but responsive widget for loading blog posts from Hashnode in your personal website.\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://thehaseebahmed.com/#blog-posts\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/thehaseebahmed/js-hashnode-widget/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/thehaseebahmed/js-hashnode-widget/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#development-server\"\u003eDevelopment Server\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#production-build\"\u003eProduction Build\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n![Product Name Screen Shot][product-screenshot]\n\nI wanted to embed my latest blog posts from my Hashnode blog to my personal website but unfortunately I could not find a plugin to do so. This seemed like something that other could benefit from as well therefore I went ahead and created one!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Built With\n\nThis project uses the following set of frameworks/libraries:\n\n- [TypeScript](https://www.typescriptlang.org/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\n- Node JS\n  You can download and install the lastest version from the [official website](https://nodejs.org/en/).\n\n### Development Server\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/thehaseebahmed/js-hashnode-widget\n   ```\n2. Install NPM packages\n   ```sh\n   npm install\n   ```\n3. Start the dev compiler\n\n   ```sh\n   npm run dev\n   ```\n\n4. In a new tab (or window), start the local web server\n\n   ```sh\n   npm run serve\n   ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Production Build\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/thehaseebahmed/js-hashnode-widget\n   ```\n2. Install NPM packages\n   ```sh\n   npm install\n   ```\n3. Create the build\n   ```sh\n   npm run build:prod\n   ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- USAGE EXAMPLES --\u003e\n\n## Usage\n\nI'm in process of publishing this to NPM and getting this hosted with CDN JS, as soon as that process is complete, I'll update the usage information here.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b yourUsername/my-amazing-feature`)\n3. Commit your Changes (`git commit -m 'Added an amazing feature'`)\n4. Push to the Branch (`git push origin yourUsername/my-amazing-feature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTACT --\u003e\n\n## Contact\n\nHaseeb Ahmed - [@thehaseebahm3d](https://twitter.com/thehaseebahm3d) - thehaseebahmed@outlook.com\n\u003cbr/\u003e\nProject Link: [https://github.com/thehaseebahmed/js-hashnode-widget](https://github.com/thehaseebahmed/js-hashnode-widget)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\nHere are a few resources that I found helpful during the development of this plugin and would like to give credit to.\n\n- [Hashnode API - How To Display Your Blog Articles On Your Portfolio Page](https://catalins.tech/hashnode-api-how-to-display-your-blog-articles-on-your-portfolio-page)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\u003c!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --\u003e\n\n[contributors-shield]: https://img.shields.io/github/contributors/thehaseebahmed/js-hashnode-widget.svg?style=for-the-badge\n[contributors-url]: https://github.com/thehaseebahmed/js-hashnode-widget/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/thehaseebahmed/js-hashnode-widget.svg?style=for-the-badge\n[forks-url]: https://github.com/thehaseebahmed/js-hashnode-widget/network/members\n[stars-shield]: https://img.shields.io/github/stars/thehaseebahmed/js-hashnode-widget.svg?style=for-the-badge\n[stars-url]: https://github.com/thehaseebahmed/js-hashnode-widget/stargazers\n[issues-shield]: https://img.shields.io/github/issues/thehaseebahmed/js-hashnode-widget.svg?style=for-the-badge\n[issues-url]: https://github.com/thehaseebahmed/js-hashnode-widget/issues\n[license-shield]: https://img.shields.io/github/license/thehaseebahmed/js-hashnode-widget.svg?style=for-the-badge\n[license-url]: https://github.com/thehaseebahmed/js-hashnode-widget/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/thehaseebahmed\n[product-screenshot]: ./docs/screenshot.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthehaseebahmed%2Fjs-hashnode-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthehaseebahmed%2Fjs-hashnode-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthehaseebahmed%2Fjs-hashnode-widget/lists"}