FileDeck.xyz
Spaced repetition for code

Learn any GitHub repo quickly

Paste a repo link to get cloze and multiple-choice cards. Practice a few minutes a day and the code stays in your head.

Try , , or

Layouts
Difficulty 2Review
Layouts wrap nested routes and are meant to stay mounted while children change.

Do layouts remount on navigation between sibling routes?

App directory
Difficulty 1Review
Next.js App Router uses the filesystem for routing. Folders under a special root map to URL segments.

In the App Router, routes are defined by folders under the directory.

App directory
Difficulty 2New
App Router and Pages Router can coexist, but new projects usually start in one place.

Where do App Router page segments live in a Next.js project?

Layouts
Difficulty 1Review
Shared chrome like nav and footers should persist across nested routes without remounting.

Shared UI that wraps child segments is defined in .

App directory
Difficulty 3Review
Each route segment can opt into special files. UI for a path is one convention.

A route segment needs a UI. Which file convention renders that segment?

Server Components
Difficulty 1New
App Router changes the default rendering model. Components run on the server unless you opt into the client.

By default, components in the App Router are .

Client Components
Difficulty 2Review
Interactivity and browser APIs need a Client Component boundary.

How do you opt a file into Client Components?

Route Handlers
Difficulty 2New
Not every segment needs a page UI. Some paths expose HTTP handlers for APIs and webhooks.

HTTP API endpoints in App Router are defined in files.

Layouts
Difficulty 2Review
Layouts wrap nested routes and are meant to stay mounted while children change.

Do layouts remount on navigation between sibling routes?

App directory
Difficulty 1Review
Next.js App Router uses the filesystem for routing. Folders under a special root map to URL segments.

In the App Router, routes are defined by folders under the directory.

0 card streak