Skip to content

feature: Next.js から React Router への移行#84

Merged
gn-t-k merged 6 commits intomainfrom
feature/migrate-to-react-router
Jul 26, 2025
Merged

feature: Next.js から React Router への移行#84
gn-t-k merged 6 commits intomainfrom
feature/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 設定の微調整
  5. Lint エラーの修正

    • 自動生成ファイルの除外設定
    • CSS クラス順序の修正
    • アクセシビリティ要件の対応

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

🤖 Generated with Claude Code

gn-t-k and others added 6 commits July 27, 2025 06:03
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>
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 gn-t-k force-pushed the feature/migrate-to-react-router branch from af19c9a to 0f45818 Compare July 26, 2025 21:06
@gn-t-k gn-t-k merged commit 652e7c7 into main Jul 26, 2025
4 checks passed
@gn-t-k gn-t-k deleted the feature/migrate-to-react-router branch July 26, 2025 21:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant