Angularとnetlifyでポートフォリオサイトを作ってみた

作成したポートフォリオサイトはこちらになります。

https://portfolio-0156.netlify.com/
github:https://github.com/templa00/my-app-angular

最初Github Pagesにデプロイしようとしたが、yoomanを入れる必要があるようで、面倒だったのでnetlifyにデプロイすることにした。
Github上のAngularアプリを自動デプロイできるということでやってみてデプロイに成功するが、Page Not Foundになる。
プロジェクト側から、デプロイできるようにした。
下記コマンドでSiteIDとアクセス用のTokenの設定

ng add @netlify-builder/deploy

下記コマンドでnetlifyにデプロイすることができた。

 ng deploy

現状githubにプッシュした場合、自動的にデプロイを行いPage Not Foundになるので、その辺修正出来ればした方が良い。


・作成した感想
ほとんどhtmlとcssしか使わなかったので、Angularを使ったメリットをあまり感じなかった。
大規模になるとAngularを使ったメリットを感じるんだろうと思う。
この程度ならVue.jsで作るか、フレームワークを使わないでよかったとも思う。

・参考にさせていただいたサイト
cssのデザインがほとんどコピペで出来てしまう。
https://saruwakakun.com/html-css/reference/css-sample