Self-Intro Next.js Site

このプロジェクトは、Next.jsを使用したプロフィールサイトです。

セットアップ

1. 依存関係をインストール:

npm install

2. 開発サーバーを起動:

npm run dev

ブラウザで http://localhost:3000 を開いて結果を確認できます。

プロジェクト構造

• app/ - Next.js App Routerのディレクトリ
  • layout.tsx - ルートレイアウト
  • page.tsx - メインページ
  • globals.css - グローバルスタイル
• components/ - Reactコンポーネント
  • Header.tsx - ヘッダーコンポーネント
  • Footer.tsx - フッターコンポーネント
  • Profile.tsx - プロフィールセクション
  • Career.tsx - キャリアセクション
  • Skills.tsx - スキルセクション
  • Vision.tsx - ビジョンセクション
  • Contact.tsx - コンタクトセクション
• public/ - 静的ファイル（画像など）

既存ファイルについて

• index.html - 元のHTMLファイル（参考用に保持）
• style.css - 元のCSSファイル（参考用に保持）

これらのファイルはNext.jsプロジェクトでは使用されませんが、参考のために保持されています。

ビルド

本番用ビルド:

npm run build

本番サーバーを起動:

npm start