Skip to content

feat: Next.js から React Router への移行#83

Closed
gn-t-k wants to merge 6 commits intomainfrom
feat/migrate-to-react-router
Closed

feat: Next.js から React Router への移行#83
gn-t-k wants to merge 6 commits intomainfrom
feat/migrate-to-react-router

Conversation

@gn-t-k
Copy link
Owner

@gn-t-k gn-t-k commented Jul 21, 2025

概要

Web アプリケーションのフレームワークを Next.js から React Router に移行しました。
この変更により、Cloudflare Workers でのデプロイが可能になり、エッジコンピューティングの利点を活用できるようになります。

この変更による影響

  • Web アプリケーションが Cloudflare Workers 上で動作するようになります
  • ビルドツールが Next.js から Vite に変更されます
  • ルーティングシステムが React Router ベースになります
  • 開発体験は大きく変わりませんが、ビルドとデプロイのプロセスが変更されます

CIでチェックできなかった項目

  • 新しいビルドシステムでのビルド成功確認
  • Cloudflare Workers での動作確認
  • 既存の機能が React Router 環境で正常に動作することの確認

補足

主な変更内容

  1. React Router の基本構成を追加

    • Vite 設定ファイル
    • React Router 設定
    • Cloudflare Workers 設定
    • 新しいアプリケーション構造
  2. 依存関係の更新

    • Next.js 関連パッケージを削除
    • React Router と Vite 関連パッケージを追加
  3. Next.js ファイルの削除

    • 不要となった設定ファイルとソースコードを削除
  4. 設定ファイルの調整

    • TypeScript 設定を React Router 用に更新
    • Biome 設定の微調整

今後、既存の機能を React Router 環境に移植していく必要があります。

🤖 Generated with Claude Code

gn-t-k and others added 4 commits July 21, 2025 15:20
Next.js から React Router への移行準備として、基本的な設定ファイルとエントリーポイントを追加しました。
Cloudflare Workers でのデプロイを前提とした構成になっています。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
Next.js 関連のパッケージを削除し、React Router と Vite 関連のパッケージを追加しました。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
React Router への移行に伴い、不要となった Next.js 関連ファイルを削除しました。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
フレームワーク移行に合わせて設定ファイルを更新しました。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@gn-t-k gn-t-k force-pushed the feat/migrate-to-react-router branch from 99b8fb5 to eb9fbc8 Compare July 21, 2025 06:24
gn-t-k and others added 2 commits July 21, 2025 15:53
React Router 移行に伴い、Biome の設定を調整しました:
- ルートとapps/webそれぞれに適切な除外設定を配置
- 自動生成ファイル(.react-router, .wrangler, worker-configuration.d.ts)を除外
- Tailwind CSS v4 の新構文を含む app.css を除外

また、以下の Lint エラーも修正しました:
- CSSクラスの順序を Biome の推奨順に並び替え(useSortedClasses)
- SVG要素にアクセシビリティのための title 要素を追加

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
wrangler types コマンドによって自動生成されたファイルの更新です。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@gn-t-k
Copy link
Owner Author

gn-t-k commented Jul 21, 2025

ブランチ名をプロジェクトの命名規則に従って修正するため、新しいPRを作成します。

@gn-t-k gn-t-k closed this Jul 21, 2025
@gn-t-k gn-t-k deleted the feat/migrate-to-react-router branch July 21, 2025 07:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant