mediumFrontend

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

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

**TL;DR.** A folder named in **parentheses**, like (marketing) , **groups routes** for organization or to apply a shared layout **without adding a URL segment**. It also lets you have **multiple root layouts** or separate sections that don't change the path. app/(marketing)/ layout.tsx about/page.tsx pricing/page.tsx /about, /pricing no

249 views

Understand the problem

Folders in parentheses that organize routes without affecting the URL.

nextjsroute-groupsroutingapp-router

Attempt it yourself

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

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

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.

Join the discussion

Discussion (0)

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

How do you pass data from Server Components to Client Components in Next.js?

What is loading.js in Next.js and how does Suspense streaming work?