Skip to content

Routing

Stellar Explorer uses the Next.js App Router with a nested dynamic segment pattern.

Routing

Every page follows this structure:

/[locale]/[network]/(explorer)/[page]/[...params]

For example: /en/public/tx/abc123 breaks down as:

SegmentValuePurpose
[locale]enLanguage (en, es, pt, fr, de, zh, ja, ko, it)
[network]publicNetwork (public, testnet, futurenet)
(explorer)Route group (not in URL)
[page]txPage type
[...params]abc123Transaction hash

The (explorer) route group organizes all main explorer pages without adding a URL segment. Pages include:

  • transactions/ and tx/[hash]
  • ledgers/ and ledger/[sequence]
  • accounts/ and account/[id]
  • assets/
  • contracts/ and contract/[id]
  • search/
  • watchlist/
src/app/
[locale]/
[network]/
(explorer)/
transactions/page.tsx
tx/[hash]/page.tsx
ledgers/page.tsx
accounts/page.tsx
...

Source: src/app/