Why I Moved My Website From Github Pages to Heroku - with a Cost

Why I Moved My Website From Github Pages to Heroku - with a Cost

As you may or may not know, I built my personal website as a Single Page Application (SPA) with the Angular framework and hosted on Github Pages. Everything works great until I integrated a Blog feature on my personal website. Things were getting ugly for search engine optimization (SEO) and social media preview.

Login to Heroku

╰─ heroku login

heroku: Press any key to open up the browser to login or q to exit:

Opening browser to https://cli-auth.heroku.com/...

Logging in... done

Logged in as xxx@dalenguyen.me

Add project to Heroku

╰─ heroku git:remote -a dalenguyen-me

set git remote heroku to https://git.heroku.com/dalenguyen-me.git

I push the project from dev to Heroku. Because my master branch is for Github pages.

╰─ git push heroku dev:master

Enumerating objects: 704, done.

Counting objects: 100% (704/704), done.

Delta compression using up to 8 threads

Compressing objects: 100% (550/550), done.

Check for SEO tags on the Heroku app

SEO tags on Heroku app

The reference

Here are links to check your website's SEO tags:

https://developers.facebook.com/tools/debug/sharing/

https://www.linkedin.com/post-inspector/inspect/