このポートフォリオサイトを作る前にNext.jsとmicroCMSの使い方を勉強するため制作。個人的に満足できるものが作れなかったので時間があるときにまたイチから作りたい…

作ったもの：https://neco-blog-first.netlify.app

開発環境

このサイトと同様。今回はNext.jsでappRouterではなくpagesRouterを使用しています。

工夫点

• ソート機能の実装
• ウィンドウサイズが広いときに、右側に今まで書いた記事のゲームタイトルを表示。そこから詳細ページに飛べる。
• microCMS側でディスクリプションに使う情報をスキーマとして登録しているため、詳細ページごとに動的にmetaタグの内容を変えている。
• Twitterで共有した際、カードのサムネイルが記事のサムネイルになる。

改善点

• 記事詳細ページが全体的に微妙。画像の大きさによって変な余白ができてしまう。
• ブログである以上、検索に引っかかるようにSEO対策をしたいがいまいち何をしていいか分からなかった。
• 自分がこのサイトで知らないゲーム紹介していたとしてもなんかワクワクしない気がする。ライティングスキル云々ではなく、何か推しへの愛が伝わらない。もっと尖ったブログにしたかった。

感想

全体的にかなり微妙なブログになってしまった。最低限の機能を実装したあとやる気が無くなって放置していたので、今回学んだことを活かして、また１から新しいブログを作りたい。一人でもいいから好きなゲームを布教したい。