インストール

React Router v7 は、以下の最小バージョンを必要とします。

  • node@20
  • react@18
  • react-dom@18

ほとんどのプロジェクトはテンプレートから始まります。React Router が管理している基本的なテンプレートを使用してみましょう。

npx create-react-router@latest my-react-router-app

次に、新しいディレクトリに移動してアプリを起動します。

cd my-react-router-app
npm i
npm run dev

ブラウザで http://localhost:5173 を開くことができます。

プロジェクトを手動でセットアップする方法については、GitHub でテンプレートを表示してください。

また、すぐにデプロイできるテンプレートも多数用意しています。

npx create-react-router@latest --template remix-run/react-router-templates/<template-name>

次: ルーティング