Rakima Portfolio

ソフトウェアエンジニア Rakima の自己紹介・プロジェクト・スキルをまとめた1ページ構成のポートフォリオサイトです。業務上の問題を整理し、シンプルなツールとして実装する開発スタイルを紹介しています。

使用技術

• Next.js（App Router / Static Export）
• React
• TypeScript
• Tailwind CSS
• GitHub Actions / GitHub Pages

ローカル実行

Node.js 22 以降を推奨します。

npm install
npm run dev

ブラウザで http://localhost:3000 を開きます。開発環境では basePath は設定されません。

ビルド

npm run build

静的ファイルは out ディレクトリに出力されます。コードチェックは npm run lint で実行できます。

GitHub Pagesへのデプロイ

main ブランチへのpushを契機に、.github/workflows/deploy.yml が依存関係のインストール、静的ビルド、GitHub Pagesへのデプロイを行います。

本番ビルドではリポジトリ名に合わせて basePath と assetPrefix に /rakima-dev を設定します。GitHubリポジトリの Settings > Pages > Build and deployment で、Sourceを GitHub Actions に設定してください。