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
The reference
Here are links to check your website's SEO tags: