Chapter quiz · Next.js Foundations

Test what you learned.

8 questions on Next.js Foundations. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Next.js Foundations — Chapter Quiz

Eight questions on Next.js, create-next-app, App Router, and file conventions.

0/ 9

Question 1
1
What does npx create-next-app@latest do?
AInstalls Next.js globallyBScaffolds a new Next.js project with prompts for TS, Tailwind, App RouterCUpgrades an existing Next.js projectDStarts the dev server
create-next-app is the official scaffolder. It walks you through the common choices and writes a working starter project.
Question 2
2
Which file is the homepage at / in App Router?
Aapp/index.tsxBapp/home.tsxCapp/page.tsxDpages/index.tsx
App Router maps app/page.tsx to /. Subfolders map to nested routes via their own page.tsx files.
Question 3
3
What does app/layout.tsx do?
ADefines a route groupBWraps every page below it; the root layout owns <html> and <body>CConfigures TypeScriptDReplaces next.config.ts
Layouts wrap pages and persist across navigation. The root app/layout.tsx is the only one that renders <html> and <body>.
Question 4
4
In App Router, components are Server Components by default.
TTrueFFalse
Add 'use client' at the top of a file to opt that component and its children into the client bundle.
Question 5
5
What is app/loading.tsx?
AA custom 404 pageBA fallback shown while the page's data is loading, automatically wired via SuspenseCA global error handlerDA spinner component you import yourself
loading.tsx is a Suspense fallback Next wires up automatically — appears while the matching page streams in.
Question 6
6
What does app/error.tsx do?
AReplaces all server errors silentlyBProvides an error boundary UI for its segment with a reset() functionCLogs errors to the console onlyDIs required at the root of every Next.js project
error.tsx is a Client Component that catches errors in its segment and renders fallback UI. The injected reset lets the user retry.
Question 7
7
The directive that turns a file into a Client Component is __________.
'use client' at the very top of the file marks every export as client code, which means it ships to the browser.
Question 8
8
Which of these are reserved file conventions in App Router?
Select all that apply.
Apage.tsxBlayout.tsxCloading.tsxDcontroller.tsx
page, layout, loading, error, not-found, template, route, and a few others are reserved file names. There is no controller.tsx in App Router.