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

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

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

リンク↓

動機

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

技術スタック

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

• React・Next.js
• TailwindCSS
• TypeScript
• Vercel
• Jotai
• @radix-ui/primitives
• shadcn/ui
• Route53(ドメイン)

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

動作画面

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

今後の展望

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

最後に

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