Next.js@15 Parallel Routesを使ってみただけ

とある所用で、またNext.jsを触ることになりました。
Modalを簡単に実装したいなぁという軽い気持ちがあったので、最近追加されてたを使ってModalを作ってみようとそういう魂胆です。

Parallel Routesとは?

Next.jsのに追加された機能で、同じURLに対して複数のルートを持つことができるようになります。
まぁ、要するに一回目と二回目で違うコンポーネントを表示できるようになるということです。強そうですね。

Modalを作る

とりあえず、今回の目標はです。を作ってみましょうね!
新しく私はというディレクトリをディレクトリ内で作成しました。を使うためには、をつけてあげる必要があります。

詳しい説明はググってください。べつに使い方を説明するわけではないので・・・

所感

かんたんでしたね。まぁ。うん。
ですが時々めんどくさいなぁと思う部分もありましたがまぁ普通ので作るよりは楽でした。

浮き彫りな問題点

ここからは私の個人的な意見です。

1. Modalを閉じるために多岐にわたった方法があり割とわかりずらい。

を使ったり、を使ったり、どれを使うのかが分からん。
最初混乱しましたね。

2. Modalがページ遷移してるのに閉じない

~~イライラしますね。~~普通になんかページ遷移したら閉じてほしいところですね。

3. (AppRouter全般に言えること) ページ構造が終わる

普通にこれはAppRouterという仕組みが悪いと思います。
ディレクトリ -> 等ページファイルという構造は、ミニマムなアプリとかなら全然いいと思います。
ただどんどん規模が大きくなったり、今回みたいなとかを使うとディレクトリのツリーが大惨事になって非常にわかりずらいです。

例:

まぁ、ここは慣れなきゃいけないんですかね・・・
たぶん使う人の技量にもよりますよね。私は初めてだったのでたぶんうまく使いこなせてないのかなぁって感じです。

結論

AppRouterだからこそのは非常に便利でした。まぁこれから使う機会があれば使うかな・・・?程度ですが。