Portfolio
2026
NOA Portfolio
Personal Operating System として設計したポートフォリオサイト。Next.js + MDX + next-intl で構築。
動機
ポートフォリオは「作品の羅列」ではなく、自分の思考を形にした場所であるべきだと考えた。長期的に使える、シンプルで構造的なサイトを目指した。
Tech
TypeScript, Next.js 16, React 19, Tailwind CSS v4, MDX, next-intl
Links
Next Steps
- — ブログセクションの実装
- — ダークモード対応
- — OGP動的生成
NOA Portfolio は、自分の思考と活動を言語化・可視化するための Personal Operating System として設計されたポートフォリオサイトです。
設計思想
「トレンドに縛られない、5年後も使える構造」をテーマに設計しました。流行りのUIや装飾を排除し、コンテンツと構造そのもので美しさを表現しています。
技術構成
- Next.js 16 (App Router): ルーティングとレンダリング
- React 19: UI コンポーネント
- Tailwind CSS v4: スタイリング（@import 方式）
- MDX: コンテンツ管理
- next-intl: i18n（日本語/英語）
特徴
- MDXベースCMS: コンテンツをMarkdown風に記述
- ルートベースi18n:
/ja//en/で言語切り替え - OGP動的生成: 各作品ごとのOGP画像
- シンプルなデザイン: 情報過多にならない、余白を活かしたレイアウト
今後の展望
単なる作品集ではなく、自分の思考プロセスを記録し続ける「生きたドキュメント」として育てていく予定です。