Skip to content

Docs: How to escape Parallel Routes @routename/page.tsx #79141

@softmarshmallow

Description

@softmarshmallow

What is the documentation issue?

Please give us a way to escape the default @segment behaviour for Parallel Routes feature.

I want to implement a route name (which is not dynamic), like "https://www.npmjs.com/package/@grida/pixel-grid" where "@grida/pixel-grid" would be the route.

-> app/@grida/pixel-grid/page.tsx

This will result 404, since its recognized as segment.

is there a way to easly escape this feature?

  • without making the page dynamic ([...package-id])
  • without messing up with middleware
  • without turning the Parallel Routes feature globally
  • without using the /pages (keep using the app router)

E.g.

  • app/!@grida/pixel-grid/page.tsx
  • app/_@grida/pixel-grid/page.tsx

Is there any context that might help us understand?

Current solution. (annoying)

  • use %40 instead of @name -> [%40name]
  • app/[%40grida]/pixel-grid/page.tsx

Does the docs page already exist? Please link to it.

https://nextjs.org/docs/app/building-your-application/routing/parallel-routes

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions