Blog - Next.js で新しいポートフォリオサイト兼ブログを作成した

WordPress の個人サイトを最近のフロントエンドの技術を使って作り直したいと前々から思っていた。

そして年始に無職になったので「今作るしかねえ！」ってことで実家にこもってモリモリ作っていってやっと完成（一旦は）した。

1 週間くらいで作れると踏んでたけど、苦戦してたら何だかんだ時間がかかって半月も経ってしまった。

やったことをざっくりと紹介

個々の細かい技術的な話などは別途記事にしたい。

静的サイトとして出力するために Next.js を使うことにした。

正直、今回のような静的なサイトの場合は静的サイトジェネレーターである Gatsby の方が適しているっぽいけど、 Next.js の方が守備範囲が広そうなのでこの選択で良かったかなぁと。

勉強会でちょっと触った TypeScript もせっかくなので採用することにした。

ホスティング先として Netlify とかも気になったものの AWS が使いかったので、CloudFront をキャッシュサーバー、オリジンを S3 の静的サイトホスティングで公開した。

.dev ドメインも新たに購入（AWS にはなかったので Google Domain）し、Route 53 で管理して CloudFront にルーティングするように設定している。

ACM で SSL 証明書も発行して https 化もした。

この辺りは文章にすると大変そうだがネットにたくさん解説があるので、ほとんど躓くことなく設定することが出来た。

サーバー借りるよりは安上がりになるんじゃないかと思う。

GitHub の master ブランチに変更があると、自動的に AWS CodePipeline でパイプラインが開始され CodeBuild でビルド、S3 にデプロイされるように設定した。

こちらもネットの解説が充実していて設定は思ったより簡単で驚いた。

このあたりは追って実装していきたいと思う。

やりたいことが山積み。

とはいえ作りたいものを思う存分作れて楽しかった！

ただそろそろ次の就職先見つけないといけない。