Overview

Place default.tsx inside an @slot folder. When the current URL has no matching child route for that slot, the default is rendered instead. It does not create a URL.

What is default.tsx?

default.tsx is the soft fallback for a parallel route slot. If navigation leaves a slot without a matching page, the slot shows its default instead of going blank or 404ing the whole page.

default.tsx for Parallel Routes

Parallel slots like @analytics and @team render beside the main page inside the parent layout. When you navigate to a path the slot does not define, that slot shows its default.tsx.

export default function DefaultAnalytics() {
  return (
    <div className="p-4 text-sm text-neutral-500">
      Select an analytics view
    </div>
  )
}

Creating a default.tsx

Create default.tsx inside any @slot folder. Export a default component - no special props required.

export default function DefaultTeam() {
  return (
    <div className="rounded-lg border border-neutral-200 p-6 dark:border-neutral-800">
      <h3 className="font-medium">Team</h3>
      <p className="mt-1 text-sm text-neutral-500">
        Select a team view
      </p>
    </div>
  )
}

default.tsx vs page.tsx

Complete Example