CUIのようなポートフォリオサイトを作ってみた

Last updated at 2024-10-15Posted at 2024-10-15

VercelにデプロイしてドメインはRoute53で管理している構成です。LinuxのCUIを模したページ構成で実装しました。ページの実装だけで力尽きたので、SEOやfaviconなどはまだ未設置です。

リンク↓

動機

SNSや個人開発などのリンクをまとめた自分だけのポートフォリオサイトを前々から作りたいなと思っていたので、連休期間に作ってみました。

下記を使って作りました。1ページのみのサイトなのでAstroが最適だと思いましたが、まだ使ったことがないので今回は慣れているReact・Next.jsにしました。Jotaiを使いSessionStorageに永続化するデータの保存しています。(タブを閉じるとデータが消えます)。

またサイト構築の上で使用したツール・アセット・ジェネレーター系のサイトはreferenceを入力すると表示されます。

画像ではわかりにくいので、実際にサイトに訪れていただいたほうが良いかもしれません。

今後コマンドの履歴機能、ブログ機能、フォーム
のバリデーションなど追加できればいいなと思っています。

おかしい挙動をしたとかリンク先が間違っているとかあればコメントで教えてください。
よろしくお願いいたします。