ここら辺をいい感じしてくれるライブラリがあるらしい ブログを見ると Server Component も Client Component も同じ API で呼び出せるようで、求めていたものという感じがする。 どう実現しているかというと、ここら辺の複雑さは plugin が吸収している。Server Component のときはRSC でさらにラップしていて、Client Component のときは HOC でラップするようになっている。 ラップ処理 HOC の実装 こういうビルド時に動的にコード書き換えるプラグインはあんまり使いたくない... Turbopack への移行とかの障害になりそうなイメージがある。
![Next.js の App Router での i18n 対応](https://cdn-ak-scissors.b.st-hatena.com/image/square/6cac0d0457d1796a727f12351f4778076017a84f/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fzenn-user-upload%2Favatar%2F2c387f6063.jpeg)