Route groups with (groupName) in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a route group in Next.js App Router?

A route group is a folder in the app directory that groups routes together without affecting the URL path. It helps organize routes without changing the visible URL structure.

beginner

How do you create a route group in Next.js using (groupName)?

You create a folder with parentheses around the group name, like (groupName), inside the app directory. This folder groups routes but does not add the groupName to the URL path.

intermediate

Why use route groups in Next.js instead of normal folders?

Route groups help keep your file structure clean and organized without changing the URL. This is useful when you want to group related pages but keep URLs simple and user-friendly.

beginner

Example: What URL does the route /app/(admin)/dashboard render if dashboard.js is inside (admin)?

The URL will be /app/dashboard because the (admin) folder is a route group and does not add to the URL path.

intermediate

Can route groups contain nested route groups in Next.js?

Yes, route groups can be nested inside other route groups to organize complex route structures without affecting the URL paths.

What does a folder named (admin) inside the app directory do in Next.js?

A Adds 'admin' to the URL path

B Groups routes without changing the URL path

C Creates a new API route

D Deletes all routes inside it

Folders with parentheses like (admin) group routes but do not add their name to the URL.

If you want to organize routes but keep URLs clean, what should you use?

A Normal folders without parentheses

B Static files

C API routes

D Route groups with (groupName)

Route groups let you organize routes without changing the URL path.

Which of these is true about route groups in Next.js?

A They do not affect the URL path

B They are deprecated

C They only work for API routes

D They change the URL path to include the group name

Route groups do not affect the URL path; they only organize files.

How do you name a folder to make it a route group?

A Use a dot before the folder name

B Prefix the folder name with an underscore

C Wrap the folder name in parentheses, like (groupName)

D Add a dash before the folder name

Parentheses around the folder name create a route group.

Can route groups be nested inside each other?

A Yes, nesting is allowed

B No, nesting is not allowed

C Only one level of nesting is allowed

D Only for API routes

Route groups can be nested to organize complex routes.

Explain what route groups with (groupName) are in Next.js and why they are useful.

Think about how to organize routes without changing what users see in the URL.

Describe how you would structure folders using route groups to keep URLs simple but organize many related pages.

Focus on folder naming and URL impact.