Route groups in Svelte - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a route group in SvelteKit?

A route group in SvelteKit is a folder in the routes directory that groups related routes together without adding extra URL segments. It helps organize routes without changing the URL structure.

beginner

How do you create a route group in SvelteKit?

You create a route group by wrapping a folder name in parentheses, like (group-name). This folder can contain route files or other folders, but it won't add to the URL path.

intermediate

Why use route groups instead of normal folders in SvelteKit?

Route groups help keep your routes organized without changing the URL. Normal folders add to the URL path, but route groups do not, so they keep URLs clean while grouping related pages.

intermediate

Can route groups be nested inside each other in SvelteKit?

Yes, route groups can be nested. You can have folders like (group1)/(group2)/page.svelte to organize routes deeply without affecting the URL path.

beginner

Does a route group folder in SvelteKit affect the URL path?

No, route group folders do not affect the URL path. They are only for organizing files and routes internally, so the URL stays the same as if the group folder wasn't there.

How do you mark a folder as a route group in SvelteKit?

A Prefix the folder name with an underscore

B Add a special config file inside the folder

C Wrap the folder name in parentheses

D Use a dot before the folder name

In SvelteKit, route groups are created by wrapping the folder name in parentheses, like (group).

What happens to the URL path when you use a route group folder?

A The folder name appears in the URL

B The URL path becomes invalid

C The URL path is removed

D The URL path stays the same, no change

Route groups do not add to the URL path; they only organize routes internally.

Can you nest route groups inside other route groups in SvelteKit?

A No, nesting is not allowed

B Yes, nesting is allowed

C Only one level of nesting is allowed

D Nesting requires special configuration

SvelteKit allows nesting route groups by placing folders with parentheses inside each other.

Why might you use route groups in a SvelteKit project?

A To organize routes without changing URLs

B To disable routing for some pages

C To add extra URL segments

D To create API endpoints

Route groups help keep routes organized without affecting the URL structure.

Which of these folder names is a valid route group in SvelteKit?

A (admin)

B user-profile

C _settings

D .hidden

Only folders with names wrapped in parentheses, like (admin), are route groups.

Explain what a route group is in SvelteKit and why it is useful.

Think about how you keep your files tidy without changing how users see the website address.

Describe how nesting route groups works and what effect it has on URLs.

Imagine folders inside folders that don't show up in the website address.