Next.js/Reactを使って作成したJamstack構成のポートフォリオサイトです。
元々はHTMLとCSSでポートフォリをサイトを作っていましたが、勉強していたNext.jsやReactのアウトプットとしてこれらの技術を使ったものに作り変えました。
CMSにはmicroCMSを使用しており、作品ページのテキストや画像などのコンテンツをモバイルからでも簡単に編集できるようにしてあり、SGを使ってサイトを構成したので、microCMSのAPIを使った作品ページでも速く表示できるようになっています。
ファーストビューは私の名前が「海」ということもあり、バブルのアニメーションにし、その他のスキルのバーのアニメーションも全てVanilla JSで実装しました。
一番工夫したところは、APIから取ってきたテキストの表示や、データ型よって処理を変えるところです。

＊最近学習し始めたTypeScriptも導入しました。（2023年4月13日現在）