How to Use AnguHashBlog: Your Step-by-Step Guide

How to Use AnguHashBlog: Your Step-by-Step Guide


2 min read

Are you eager to create your own Hashnode-powered blog using AnguHashBlog but unsure where to begin? Fear not! In this step-by-step guide, I'll walk you through the process of forking the project, deploying it on Netlify, and customizing it to match your Hashnode blog. Let's make the journey from forking to deployment as seamless as possible!

Forking the Project

  1. Visit the Organisation: Head over to the AnguHashBlog organization on GitHub.

  2. Select one of the available app versions: Angular, Angular Material or Angular PrimeNG

  3. Fork the selected project repository: Click on the "Fork" button in the top right corner. This creates a copy of the repository in your GitHub account.

  4. Update GraphQL URL: Inside the projects folder in a file named graphql.operations.ts change the blog URL with the URL of your blog.


Each app version can be deployed to Netlify, Vercel or GitHub Pages

Deploying on Netlify or Vercel

  1. Netlify Account Setup: If you don't have a Netlify account, sign up for one. It's free and straightforward.

  2. Create a New Site: Once logged into Netlify, click on the "New site from Git" button. Select your forked repository.

    Netlify automatically detects your project settings and starts the build process.

  3. Adjust Settings: While your project is building, navigate to the "Settings" tab on Netlify. Here, you can customize your site name, domain, and other deployment settings.

  4. Deploy Your Site: Click on the "Deploy site" button, and within moments, your AnguHashBlog will be live!

Your AnguHashBlog is Live!

Congratulations! Your AnguHashBlog blog is now live on Netlify or Vercel. It's incredibly easy to set up, and with each new version, the process remains consistent. Feel free to explore more features and functionalities as you continue to build and customize your blog.

This guide aims to make the process of using the AnguHashBlog Project effortless for users. Whether you're a seasoned developer or new to the world of Angular, this project provides a user-friendly pathway to create and deploy your Hashnode-powered blog. Enjoy the journey of expressing yourself through your blog, and happy coding! ๐Ÿš€

Scaling with Future Versions

Stay Updated: as the AnguHashBlog Project evolves! It's an open-source initiative where developers actively enhance compatibility, address limitations, and introduce features. As you explore Angular v16 and Netlify, anticipate continuous improvements. Want something faster? Contribute! Your input shapes the future of this dynamic project.