default.js

default.jsファイルは、Next.jsがフルページロード後にスロットのアクティブ状態を復元できない場合に、Parallel Routes内でフォールバックをレンダリングするために使用されます。

ソフトナビゲーション中、Next.jsは各スロットのアクティブな_状態_（サブページ）を追跡します。しかし、ハードナビゲーション（フルページロード）の場合、Next.jsはアクティブ状態を復元できません。この場合、現在のURLと一致しないサブページに対してdefault.jsファイルをレンダリングできます。

次のフォルダ構造を考えてみましょう。@teamスロットにはsettingsページがありますが、@analyticsにはありません。

/settingsに移動すると、@teamスロットはsettingsページをレンダリングし、@analyticsスロットの現在アクティブなページを維持します。

リフレッシュ時、Next.jsは@analyticsのdefault.jsをレンダリングします。default.jsが存在しない場合、404がレンダリングされます。

さらに、childrenは暗黙的なスロットであるため、Next.jsが親ページのアクティブ状態を復元できない場合にchildrenのフォールバックをレンダリングするためのdefault.jsファイルも作成する必要があります。

リファレンス

params（オプション）

ルートセグメントからスロットのサブページまでの動的ルートパラメーターを含むオブジェクトに解決するPromise。以下に例を示します：

export default async function Default({
  params,
}: {
  params: Promise<{ artist: string }>
}) {
  const artist = (await params).artist
}

• paramsプロパティはPromiseであるため、値にアクセスするにはasync/awaitまたはReactのuse関数を使用する必要があります。
  • バージョン14以前では、paramsは同期的なプロパティでした。下位互換性を考慮し、Next.js 15では依然として同期的にアクセスできますが、将来的にこの動作は非推奨になります。