Sign in
Skip to solution
mediumFrontend

What are route groups in Next.js and how do you use them?

249 views
01

Understand the problem

Folders in parentheses that organize routes without affecting the URL.

nextjsroute-groupsroutingapp-router
02

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Nudge consolestandby

Stuck? Beam a request up — the console returns a conceptual nudge that guides your logic without spoiling the implementation.

03

Study the solution

A folder named in parentheses, like (marketing), groups routes for organization or to apply a shared layout without adding a URL segment. It lets you have multiple root layouts or separate sections that don't change the path.

Solution ready — 2 min read

Classified // press E to declassify

04

Read the code

Two sections, two layouts, clean URLs
app/
  (marketing)/
    layout.tsx        # marketing shell
    page.tsx          # → /
    pricing/page.tsx  # → /pricing
  (app)/
    layout.tsx        # authenticated app shell
    dashboard/page.tsx # → /dashboard
# Neither (marketing) nor (app) appears in the URL.
05

Join the discussion

Discussion (0)

Sign in to join the discussion.

No responses yet. Be the first to share what you think.

Transmission complete // awaiting log

KEEP THE
STREAK ALIVE.

Dossier 61 of 95 decoded in the Next.js track. One more won't hurt.

Back to track